*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--black:#111110;--white:#fafaf8;--gray-50:#f5f5f2;--gray-100:#e8e8e4;--gray-200:#d0d0ca;--gray-300:#b8b8b1;--gray-400:#9a9a92;--gray-500:#7a7a72;--gray-600:#5a5a54;--gray-700:#46463f;--gray-800:#2e2e29;--gray-900:#1b1b18;--gold:#c8972a;--chrome-bg:#232323;--chrome-accent:#3e3e3e;--chrome-text:#fafaf8;--accent:#232323;--accent-hover:#3e3e3e;--accent-contrast:#fff;--accent-tint:#2323230f;--card-bg:var(--gray-50);--r:10px;--rl:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--black:#f2f2ee;--white:#1e1e1b;--gray-50:#171714;--gray-100:#2a2a26;--gray-200:#3b3b36;--gray-300:#4d4d46;--gray-400:#8c8c81;--gray-500:#a3a397;--gray-600:#b8b8ab;--gray-700:#cbcbbe;--gray-800:#deded0;--gray-900:#edede0;--accent:#ededea;--accent-hover:#fff;--accent-contrast:#171714;--accent-tint:#ffffff14}}body{background:var(--gray-50);color:var(--black);min-height:100vh;font-family:DM Sans,sans-serif;font-size:15px;line-height:1.6}header{background:var(--chrome-bg);z-index:100;justify-content:space-between;align-items:center;height:80px;padding:0 2.5rem;display:flex;position:sticky;top:0}.sign-out-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:20px;padding:5px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s}.sign-out-btn:hover{color:#fff;background:#ffffff1f}.header-view-projects-link{color:#ffffffbf;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.header-view-projects-link:hover{color:#fff;text-decoration:underline}.account-avatar{background:var(--gold);color:#1b1b18;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.account-avatar:hover{opacity:.85}.account-avatar-lg{background:var(--gold);color:#1b1b18;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-family:DM Serif Display,serif;font-size:24px;font-weight:700;display:flex}.logo{color:var(--chrome-text);align-items:center;gap:10px;font-family:DM Serif Display,serif;font-size:20px;text-decoration:none;display:flex}.logo-mark{flex-shrink:0;width:48px;height:48px;display:block}.beta-tag{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#06b6d4;border-radius:4px;flex-shrink:0;align-self:center;padding:3px 7px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:700;line-height:1.4}.back-link{color:#fff9;font-size:13px;text-decoration:none;transition:color .15s}.back-link:hover{color:var(--chrome-text)}.header-cta-btn{color:#1b1b18;background:#fff;border-radius:20px;padding:8px 18px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .15s}.header-cta-btn:hover{opacity:.85}.landing-main{max-width:960px;margin:0 auto;padding:3rem 2rem}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--gray-400);margin-bottom:1rem;font-size:11px;font-weight:500}.btn{border:1.5px solid var(--gray-200);background:var(--white);height:34px;color:var(--black);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:500;transition:border-color .15s,background .15s;display:inline-flex}.btn:hover{border-color:var(--gray-400)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.sm{height:30px;padding:0 11px;font-size:12px}.project-search{border:1.5px solid var(--gray-200);background:var(--white);height:34px;color:var(--black);border-radius:8px;outline:none;width:220px;padding:0 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.project-search::placeholder{color:var(--gray-400)}.project-search:focus{border-color:var(--accent)}.load-more-wrap{justify-content:center;margin-top:1rem;display:flex}.drafts-grid{flex-direction:column;gap:10px;display:flex}.draft-card{background:var(--white);border:1.5px solid var(--gray-100);border-radius:var(--r);color:var(--black);align-items:center;gap:1.25rem;padding:.9rem 1.25rem;transition:border-color .15s;display:flex}.draft-card:hover{border-color:var(--gray-200)}.draft-card-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.draft-card-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.draft-card-meta{color:var(--gray-400);font-size:12px}.draft-card-tools{flex-shrink:0;gap:6px;display:flex}.draft-card-tool{background:var(--gray-50);border:1.5px solid var(--gray-100);color:var(--gray-600);border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:12px;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.draft-card-tool:hover{border-color:var(--gray-400);color:var(--black)}.draft-card-tool.configured{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.draft-card-delete{background:var(--gray-50);border:1.5px solid var(--gray-100);width:26px;height:26px;color:var(--gray-400);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:border-color .15s,color .15s;display:inline-flex}.draft-card-delete:hover{color:#c0392b;border-color:#c0392b}.drafts-empty{color:var(--gray-400);padding:.5rem 0;font-size:14px}div.draft-card{cursor:pointer}.project-name-row{margin-bottom:2rem}.project-name-input{color:var(--black);background:0 0;border:none;outline:none;width:100%;font-family:DM Serif Display,serif;font-size:26px}.project-name-input::placeholder{color:var(--gray-200)}.tool-picker-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.tool-card{background:var(--card-bg);border:1.5px solid var(--gray-100);border-radius:var(--rl);color:var(--black);flex-direction:column;gap:1rem;padding:1.75rem;text-decoration:none;transition:background .15s;display:flex}.tool-card:hover{background:var(--gray-100)}.tool-card-name{margin-bottom:6px;font-family:DM Serif Display,serif;font-size:20px}.tool-card-desc{color:var(--gray-600);font-size:13px;line-height:1.5}.tool-card-status{flex-direction:column;gap:1.5rem;display:flex}.tool-card-group{flex-direction:column;gap:.85rem;display:flex}.tool-card-footer{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tool-arrow{color:var(--accent);cursor:pointer;font-size:13px;font-weight:500;text-decoration:none}.status-block{border-radius:var(--r);padding:.85rem 1rem}.status-block-label{text-transform:uppercase;letter-spacing:.04em;opacity:.65;margin-bottom:3px;font-size:10px;font-weight:600}.status-block-value{align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.status-block.status-draft,.status-block.status-submitted{background:var(--gray-100);color:var(--gray-600)}.status-block.status-proof_sent{color:#a67c00;background:#e6b41e1f}.status-block.status-needs_changes{color:#c0392b;background:#c0392b1f}.status-block.status-approved{background:var(--accent-tint);color:var(--accent)}.status-block.status-sent_to_print{color:#2471a3;background:#2980b91f}.tool-card-stats{color:var(--gray-500);font-size:12px}.spinner-sm{border:2px solid var(--gray-200);border-top-color:currentColor;border-radius:50%;flex-shrink:0;width:13px;height:13px;animation:.7s linear infinite spin-sm}@keyframes spin-sm{to{transform:rotate(360deg)}}.export-btn{background:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:7px;padding:.55rem 1.1rem;font-size:13px;font-weight:500;transition:opacity .15s}.export-btn:hover{opacity:.82}.export-btn:disabled{opacity:.45;cursor:default}.status-pill{background:var(--gray-50);color:var(--gray-600);border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.status-pill.status-draft,.status-pill.status-submitted{background:var(--gray-50);color:var(--gray-600)}.status-pill.status-proof_sent{color:#a67c00;background:#e6b41e1f}.status-pill.status-needs_changes{color:#c0392b;background:#c0392b1f}.status-pill.status-approved{background:var(--accent-tint);color:var(--accent)}.status-pill.status-sent_to_print{color:#2471a3;background:#2980b91f}.share-link-box{gap:6px;display:flex}.share-link-input{border:1px solid var(--gray-200);color:var(--gray-600);background:var(--gray-50);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;outline:none;flex:1;min-width:0;padding:6px 10px;font-size:11px;overflow:hidden}.print-sheet-row{border-bottom:1px solid var(--gray-100);color:var(--black);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:13px;display:flex}.print-sheet-row:last-child{border-bottom:none}.link-btn-row{flex-wrap:wrap;gap:6px;display:flex}.link-btn-row .btn{flex:100px;justify-content:center}.tool-card-divider{border:none;border-top:1px solid var(--gray-100);margin:0}.tool-steps-nav{align-items:flex-start;gap:2px;display:flex}.tool-steps-nav .step-item{border-radius:var(--r);cursor:pointer;flex-direction:column;flex:1 1 0;align-items:center;gap:4px;min-width:0;padding:4px 6px;text-decoration:none;transition:background .15s;display:flex}.tool-steps-nav .step-item:hover{background:var(--gray-50)}.tool-steps-nav .step-num{border:1.5px solid var(--gray-200);width:22px;height:22px;color:var(--gray-400);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:all .2s;display:flex}.tool-steps-nav .step-item.active .step-num{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.tool-steps-nav .step-item.done .step-num{border-color:var(--accent);color:var(--accent);background:0 0;font-size:9px}.tool-steps-nav .step-item.done .step-num:before{content:"";font-family:"Font Awesome 7 Free";font-weight:900}.tool-steps-nav .step-item.done .step-num span{display:none}.tool-steps-nav .step-label{color:var(--gray-400);text-align:center;font-size:10px;font-weight:500;line-height:1.2}.tool-steps-nav .step-item.active .step-label{color:var(--black);font-weight:700}.tool-steps-nav .step-item.done .step-label{color:var(--gray-600)}.btn.block{justify-content:center;width:100%}.danger-btn{appearance:none;color:#c0392b;cursor:pointer;background:0 0;border:1.5px solid #c0392b;border-radius:7px;padding:.55rem 1.1rem;font-size:13px;font-weight:500;transition:background .15s,color .15s}.danger-btn:hover{color:#fff;background:#c0392b}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--white);color:var(--black);border-radius:12px;width:100%;max-width:400px;padding:2rem;box-shadow:0 8px 40px #0000002e}.modal-title{color:var(--black);margin-bottom:.75rem;font-family:DM Serif Display,serif;font-size:22px}.modal-body{color:var(--gray-600);margin:0 0 1.25rem;font-size:14px;line-height:1.55}.modal-input{box-sizing:border-box;border:1.5px solid var(--gray-100);background:var(--white);width:100%;color:var(--black);border-radius:7px;outline:none;margin-bottom:1.25rem;padding:.6rem .75rem;font-family:inherit;font-size:14px}.modal-input:focus{border-color:#c0392b}.form-row{flex-direction:column;gap:4px;display:flex}.form-row-pair{gap:10px;display:flex}.form-row-pair .form-row{flex:1;min-width:0}.form-label{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-400);font-size:11px;font-weight:500}.form-input,.form-textarea,.form-select{box-sizing:border-box;width:100%;color:var(--black);background:var(--white);border:1.5px solid var(--gray-100);border-radius:7px;outline:none;padding:.5rem .65rem;font-family:inherit;font-size:14px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent)}.form-textarea{resize:vertical;min-height:60px}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.btn-secondary{appearance:none;background:var(--white);color:var(--gray-600);border:1.5px solid var(--gray-100);cursor:pointer;border-radius:7px;padding:.5rem 1rem;font-size:13px;font-weight:500}.btn-secondary:hover{border-color:var(--gray-400)}.btn-danger{appearance:none;color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:7px;padding:.5rem 1rem;font-size:13px;font-weight:500;transition:opacity .15s}.btn-danger:hover:not(:disabled){opacity:.85}.btn-danger:disabled{opacity:.4;cursor:default}.ci-card{background:var(--white);border:1.5px solid var(--gray-100);border-radius:var(--rl);padding:1.75rem}.ci-card-header{justify-content:flex-end;min-height:20px;margin-bottom:.25rem;display:flex}.ci-save-status{font-size:12px}.ci-save-status.saving{color:var(--gray-400)}.ci-save-status.saved{color:var(--accent)}.ci-section{border-bottom:1px solid var(--gray-100);margin-bottom:1.5rem;padding-bottom:1.5rem}.ci-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.ci-section-title{color:var(--black);margin-bottom:.85rem;font-size:13px;font-weight:600}.ci-info-note{color:var(--gray-400);font-size:11px;font-weight:400}.ci-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.ci-row-3{grid-template-columns:1fr 1fr auto}.ci-field{flex-direction:column;gap:.35rem;display:flex}.ci-field-sm{min-width:120px}.ci-label{color:var(--gray-600);font-size:12px;font-weight:500}.ci-input{border:1.5px solid var(--gray-100);background:var(--white);color:var(--black);box-sizing:border-box;border-radius:7px;outline:none;width:100%;padding:.5rem .65rem;font-family:inherit;font-size:13px;transition:border-color .15s}.ci-input:focus{border-color:var(--accent)}.ci-textarea{resize:vertical;min-height:72px}.ci-country-toggle{gap:.5rem;margin-bottom:.85rem;display:flex}.ci-country-btn{border:1.5px solid var(--gray-100);cursor:pointer;color:var(--gray-600);background:0 0;border-radius:6px;padding:.4rem .85rem;font-size:12px;font-weight:500;transition:border-color .15s,color .15s}.ci-country-btn.active{border-color:var(--accent);color:var(--accent)}.ci-original-toggle{color:var(--gray-400);cursor:pointer;border-top:1px solid var(--gray-100);-webkit-user-select:none;user-select:none;margin-top:1.25rem;padding-top:1.25rem;font-size:12px;font-weight:500}.ci-original-toggle:hover{color:var(--gray-600)}.ci-original-panel{background:var(--gray-50,#f9f9f9);border-radius:8px;flex-direction:column;gap:.45rem;margin-top:.75rem;padding:1rem;display:flex}.ci-orig-row{gap:.75rem;font-size:12px;display:flex}.ci-orig-label{color:var(--gray-400);flex-shrink:0;min-width:80px;font-weight:600}.login-error{color:#c0392b;background:#fee2e2;border-radius:6px;margin-top:1rem;padding:8px 12px;font-size:13px;line-height:1.4}.tg-picker-title{margin-bottom:1.25rem;font-family:DM Serif Display,serif;font-size:22px}.tg-picker-options{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:2rem;display:grid}.tg-picker-card{text-align:left;border:1.5px solid var(--gray-200);border-radius:var(--rl);background:var(--white);cursor:pointer;flex-direction:column;align-items:flex-start;gap:6px;padding:1.5rem;font-family:inherit;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.tg-picker-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #00000017}.tg-picker-name{color:var(--black);font-size:15px;font-weight:600}.tg-picker-desc{color:var(--gray-500);font-size:12px;line-height:1.4}#templateGalleryRoot .flag-tmpl-grid{grid-template-columns:repeat(2,1fr)}#templateGalleryRoot .flag-tmpl-thumb{position:relative}#templateGalleryRoot .flag-tmpl-thumb-img{position:absolute;inset:0}#templateGalleryRoot .flag-tmpl-thumb:after{content:"";z-index:1;pointer-events:none;background:0 0;transition:background .15s;position:absolute;inset:0}#templateGalleryRoot .flag-tmpl-card:hover .flag-tmpl-thumb:after{background:#00000047}#templateGalleryRoot .flag-tmpl-start-btn{z-index:2;background:var(--black);height:32px;color:var(--white);white-space:nowrap;opacity:0;pointer-events:none;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-size:12px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#templateGalleryRoot .flag-tmpl-card:hover .flag-tmpl-start-btn{opacity:1}.login-notice{color:var(--gray-700);background:var(--gray-50);border-radius:6px;margin-top:1rem;padding:8px 12px;font-size:13px;line-height:1.4}