:root{--ink:#123a32;--ink-deep:#0c3029;--muted:#6b7771;--paper:#f5f5ef;--surface:#fff;--line:#e4e8df;--soft-green:#eaf0e7;--accent:#c76e43;--bs-primary:#153e34;--bs-body-color:#20372e;--bs-body-bg:#f5f5ef;--bs-border-color:#e4e8df;--bs-font-sans-serif:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-size:14px;-webkit-font-smoothing:antialiased}a{color:var(--ink);text-decoration:none}a:hover{color:#375c46}button,input{font:inherit}.app-container{width:min(1180px,calc(100% - 80px));margin:0 auto}.app-header{background:#fcfcf8;border-bottom:1px solid var(--line)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:var(--ink-deep);color:white;font-size:21px;font-weight:650;letter-spacing:-1.5px;padding-bottom:3px}.brand-mark span{color:#dda17c}.brand-name{font-size:19px;font-weight:650;letter-spacing:-.6px}.header-meta{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center}.status-dot{width:6px;height:6px;background:#6b8e65;border-radius:50%}.main-content{padding-top:36px;min-height:calc(100vh - 164px)}.workflow-nav{margin-bottom:43px}.workflow-list{display:flex;align-items:center;list-style:none;padding:0;margin:0;gap:0;width:660px;max-width:100%}.workflow-step{display:flex;align-items:center;gap:9px;font-size:12px;color:#8b948d;white-space:nowrap;flex:1;position:relative}.workflow-step:not(:last-child)::after{content:"";height:1px;background:#dce2d8;width:26px;margin:0 20px}.step-number{width:24px;height:24px;border:1px solid #d7ded3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;background:#f7f8f3;flex-shrink:0}.step-number svg{width:14px;height:14px}.workflow-step.is-active{color:var(--ink);font-weight:650}.is-active .step-number{border-color:var(--ink);background:var(--ink);color:white}.is-complete{color:#50755c}.is-complete .step-number{background:#e6ede1;border-color:#d9e5d2;color:#426747}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:29px}.eyebrow{font-size:10px;line-height:1.4;font-weight:700;letter-spacing:1.6px;color:#6b7c67;margin-bottom:13px}h1{font-size:42px;font-weight:550;line-height:1.13;letter-spacing:-1.8px;margin:0 0 16px}h2{font-size:16px;font-weight:650;letter-spacing:-.35px;margin:0}h3{font-size:16px;font-weight:600;letter-spacing:-.2px}.page-intro{font-size:14px;line-height:1.75;color:var(--muted);max-width:540px;margin:0}.format-label{display:flex;align-items:center;gap:9px;font-size:11px;color:#6e7b70;white-space:nowrap;padding-bottom:5px}.label-divider{height:12px;width:1px;background:#cfd8c9;margin:0 2px}.format-mini{width:18px;height:13px;border:1px solid #869a83;border-radius:1px;display:inline-block}.upload-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:25px;align-items:start}.surface{background:var(--surface);border:1px solid #e2e7de;border-radius:17px;box-shadow:0 4px 18px #18392903;overflow:hidden}.upload-surface{padding:28px}.section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:25px}.section-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.section-index{font-size:10px;color:#83917c;letter-spacing:.8px;padding-top:3px}.drop-zone{position:relative;border:1.5px dashed #cdd8c6;border-radius:11px;background:#fafbf7;min-height:250px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px 20px;transition:background .16s,border-color .16s}.drop-zone.is-dragover{background:#edf3e7;border-color:#52764a}.upload-icon{width:43px;height:43px;color:#698663;margin:0 0 17px}.drop-zone h3{font-size:15px;margin-bottom:6px}.drop-zone>p{font-size:12px;color:#819079;margin:0 0 16px}.drop-zone .file-help{font-size:10px;letter-spacing:.2px;margin:13px 0 0;color:#8b9586}.btn{font-size:12px;border-radius:7px;padding:10px 16px;font-weight:600;box-shadow:none!important}.btn-primary{--bs-btn-bg:var(--ink);--bs-btn-border-color:var(--ink);--bs-btn-hover-bg:#214c3d;--bs-btn-hover-border-color:#214c3d;--bs-btn-active-bg:#214c3d;--bs-btn-active-border-color:#214c3d;--bs-btn-disabled-bg:#9aa99a;--bs-btn-disabled-border-color:#9aa99a;color:white}.btn-outline-primary{--bs-btn-color:var(--ink);--bs-btn-border-color:#cbd7c2;--bs-btn-hover-bg:#edf2e8;--bs-btn-hover-color:var(--ink);--bs-btn-hover-border-color:#8fa786;--bs-btn-active-color:var(--ink);--bs-btn-active-bg:#edf2e8}.file-picker{background:white;padding:9px 18px;cursor:pointer}.file-input:focus-visible+.file-help{outline:2px solid #6b8d5e;outline-offset:4px}.drop-zone:focus-within{border-color:#466e3e;box-shadow:0 0 0 3px #52764a1a}.upload-action{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:23px}.privacy-note{display:flex;align-items:center;gap:6px;color:#85907f;font-size:10px;line-height:1.6;margin:0}.privacy-note svg{width:13px;height:13px;flex-shrink:0}.action-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;white-space:nowrap;min-height:41px}.button-arrow{font-size:17px;line-height:1;font-weight:400}.selected-file{display:flex;align-items:center;gap:12px;background:#f6f9f2;border:1px solid #dfe8d6;border-radius:8px;padding:12px 13px;margin-top:13px}.file-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:35px;height:40px;border-radius:5px;background:#e9f0e4;border:1px solid #dce7d4;color:#527549;font-size:8px;font-weight:750;letter-spacing:.4px}.selected-file-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}.selected-file-copy strong{font-size:12px;font-weight:600;overflow-wrap:anywhere}.selected-file-copy span{font-size:10px;color:#839078}.icon-button{border:0;background:none;font-size:23px;color:#6e8164;padding:0 5px;line-height:1.2;cursor:pointer}.icon-button:hover{color:var(--ink)}.upload-sidebar{display:grid;gap:18px}.guide-panel{background:#edf1e6;border:1px solid #e1e8d8;border-radius:15px;padding:25px 23px}.guide-panel .eyebrow{color:#7f8d70;font-size:9px;margin-bottom:13px}.guide-panel h2{font-size:23px;line-height:1.25;font-weight:550;letter-spacing:-.65px;margin-bottom:13px}.guide-panel>p:not(.eyebrow){font-size:12px;line-height:1.8;color:#738167;margin:0 0 18px}.guide-panel strong{font-weight:600;color:#506649}.guide-list{list-style:none;padding:0;margin:0 0 23px;display:grid;gap:12px;font-size:10px;color:#607658}.guide-list li{display:flex;align-items:center;gap:8px}.guide-list li>span{width:14px;height:14px;background:#dfe8d5;color:#628353;border-radius:50%;font-size:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.example-link{border-top:1px solid #d8e1cd;padding-top:17px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#44653c}.example-link svg{width:16px;height:16px;flex-shrink:0}.example-link>span{margin-left:auto;font-size:14px}.quiet-note{display:flex;align-items:flex-start;gap:10px;padding:0 4px}.note-symbol{width:17px;height:17px;border:1px solid #c7d2bd;color:#7c8b70;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-family:Georgia,serif;font-style:italic;flex-shrink:0;margin-top:1px}.quiet-note p{font-size:10px;line-height:1.8;color:#87907f;margin:0}.quiet-note strong{font-weight:600;color:#6a7b61}.app-footer{display:flex;align-items:center;justify-content:space-between;padding-top:35px;padding-bottom:25px;font-size:10px;color:#919b8b;gap:20px}.compact-heading{margin-bottom:25px}.compact-heading h1{font-size:35px;letter-spacing:-1.25px;margin-bottom:11px}.compact-heading .page-intro{max-width:680px}.text-link{font-size:11px;font-weight:550;display:inline-flex;gap:9px;align-items:center;white-space:nowrap}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.compact-heading>.text-link{padding-bottom:6px;color:#708065}.review-toolbar,.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:23px 26px}.file-summary{display:flex;gap:13px;align-items:center;min-width:0}.file-summary h2{font-size:13px;overflow-wrap:anywhere}.file-summary p{font-size:10px;color:#79916d;margin:6px 0 0}.check-dot{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;background:#edf3e7;border-radius:50%;color:#6e9256;font-size:9px;margin-right:4px}.stat-group{display:flex;align-items:center;gap:22px}.stat-group>div{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.stat-group strong{font-size:23px;font-weight:550;letter-spacing:-.7px}.stat-group span:not(.stat-divider){font-size:9px;color:#839078}.stat-divider{width:1px;height:30px;background:#e3e9dc}.product-table{margin:0;font-size:12px;--bs-table-color:#294132}.product-table thead th{background:#f6f8f2;font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#809074;font-weight:650;padding:13px 18px;border-top:1px solid #e8ece2;border-bottom:1px solid #e8ece2;white-space:nowrap}.product-table tbody td{padding:20px 18px;vertical-align:middle;border-color:#eef0e9}.product-table .number-cell{width:46px;padding-left:26px;color:#9aa78c;font-size:10px}.product-name{min-width:210px}.product-name strong{font-size:12px;font-weight:600;display:block}.product-name>span{font-size:10px;display:block;margin-top:5px;color:#8a967e}.money-cell{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.quantity-pill{font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;background:#f3f6ee;border-radius:5px;font-size:11px;color:#687e5b}.logos-cell{min-width:130px;max-width:210px}.logo-label{display:inline-block;padding:4px 7px;border:1px solid #dce5d4;border-radius:5px;font-size:9px;background:#f6f9f2;color:#69845b;margin:2px 3px 2px 0}.muted-dash{color:#b3bda8}.footnote-cell{font-size:10px;line-height:1.65;color:#859077!important;max-width:200px;min-width:120px}.review-bottom{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:25px}.design-note{display:flex;gap:9px;align-items:flex-start;max-width:580px}.design-note p{font-size:10px;color:#8a947f;line-height:1.75;margin:0}.below-panel{display:flex;justify-content:space-between;font-size:10px;color:#91a084;margin:16px 3px 0;gap:20px}.validation-alert{font-size:12px;line-height:1.7;border-radius:10px;padding:17px 20px;margin-bottom:22px}.validation-alert .alert-heading{font-size:13px;font-weight:650;margin-bottom:6px}.validation-alert p{margin-bottom:7px}.validation-alert ul{padding-left:19px;margin-bottom:0}.alert-danger{--bs-alert-color:#9b4b3d;--bs-alert-bg:#fbf1ed;--bs-alert-border-color:#eedbd2}.alert-warning{--bs-alert-color:#8c663b;--bs-alert-bg:#fbf6e9;--bs-alert-border-color:#eee2c1}.upload-status{font-size:11px;color:#73836a;margin:12px 0 0;min-height:0}.upload-status:empty{display:none}.asset-warning{padding:15px;border-radius:9px;border:1px solid #ecdfc4;background:#fbf5e7;font-size:11px;color:#8b714b}.asset-warning p{font-size:10px;line-height:1.7;margin:6px 0 0}.download-button svg{width:17px;height:17px}.preview-toolbar{border-bottom:1px solid var(--line)}.preview-toolbar h2{font-size:14px}.preview-toolbar p{font-size:10px;color:#89957f;margin:6px 0 0;overflow-wrap:anywhere}.inline-divider{padding:0 8px}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:26px;background:#fafbf7}.preview-card{margin:0;min-width:0}.preview-card>a{display:block}.preview-image-wrap{background:#fff;border:1px solid #e4e8df;border-radius:7px;overflow:hidden;box-shadow:0 3px 8px #233b1c04;aspect-ratio:1.3;display:flex;align-items:center;justify-content:center}.card-preview-image{display:block;width:100%;height:100%;object-fit:contain}.preview-card figcaption{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#89977c;padding:11px 2px 0}.preview-card figcaption>span:first-child{font-weight:600;color:#6a805d}.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 26px;border-top:1px solid #e8ece2;color:#829175;font-size:10px}.preview-limit{font-size:11px;color:#8a967e;margin:0;padding:0 26px 22px;background:#fafbf7}.preview-after{display:flex;justify-content:space-between;align-items:center;margin:21px 2px 0}.preview-after .text-link{color:#74866a}.screen-note{font-size:10px;color:#98a28f;text-align:center;margin:27px 0 0}.preview-image-fallback{font-size:11px;line-height:1.8;padding:24px;text-align:center;color:#7e8e72}.native-preview{padding:20px;background:#f8faf4}.native-preview iframe{width:100%;height:600px;border:1px solid var(--line);border-radius:8px;background:white}.native-preview p{font-size:11px;margin:12px 0 0;color:var(--muted)}.native-preview a{text-decoration:underline}.skip-link{position:fixed;z-index:100;left:16px;top:-60px;background:var(--ink);color:white;padding:10px 16px;border-radius:6px}.skip-link:focus{top:12px}a:focus-visible,button:focus-visible,label:focus-visible{outline:3px solid #d49565!important;outline-offset:3px}button[disabled]{cursor:wait}[hidden]{display:none!important}.spinner-border{width:14px;height:14px;border-width:1.5px}
@media(min-width:1400px){.main-content{padding-top:43px}.workflow-nav{margin-bottom:49px}.page-heading{margin-bottom:34px}.upload-surface{padding:32px}.drop-zone{min-height:272px}}
@media(max-width:1000px){.app-container{width:calc(100% - 48px)}.upload-layout{grid-template-columns:minmax(0,1fr) 265px;gap:18px}.upload-surface{padding:22px}.upload-action{align-items:flex-end}.privacy-note{max-width:160px}.guide-panel{padding:23px 20px}h1{font-size:36px}.format-label{font-size:10px}.review-bottom{align-items:flex-end}.design-note{max-width:420px}.preview-grid{gap:14px;padding:20px}.workflow-step:not(:last-child)::after{margin:0 13px;width:22px}}
@media(max-width:760px){.app-container{width:calc(100% - 32px)}.header-inner{height:70px}.brand-name{font-size:17px}.brand-mark{width:34px;height:34px;border-radius:9px;font-size:19px}.header-meta{font-size:10px}.main-content{padding-top:26px}.workflow-nav{margin-bottom:29px}.workflow-list{width:100%;justify-content:space-between}.workflow-step{flex:initial;gap:6px;font-size:10px}.step-number{width:21px;height:21px;font-size:9px}.workflow-step:not(:last-child)::after{display:none}.page-heading{display:block;margin-bottom:23px}.page-heading .format-label{margin-top:18px}.page-intro{font-size:13px}h1{font-size:35px;letter-spacing:-1.3px}.desktop-break{display:none}.upload-layout{grid-template-columns:1fr;gap:21px}.upload-surface{padding:22px}.drop-zone{min-height:236px}.section-heading p{font-size:11px}.upload-action{align-items:center}.privacy-note{max-width:none;font-size:9px}.upload-sidebar{grid-template-columns:1fr;gap:15px}.guide-panel{padding:24px}.guide-panel h2 br{display:none}.guide-panel h2{font-size:21px}.guide-list{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px}.guide-panel>p:not(.eyebrow){max-width:400px}.quiet-note{padding:0 7px}.app-footer{padding-top:29px;font-size:9px;align-items:flex-start}.compact-heading h1{font-size:31px}.compact-heading>.text-link,.compact-heading>.download-button{margin-top:18px}.review-toolbar{padding:20px;gap:15px}.stat-group{gap:15px}.stat-group strong{font-size:20px}.file-summary{gap:9px}.file-summary h2{font-size:11px}.file-summary .file-badge{width:29px;height:35px;font-size:7px}.product-table .number-cell{padding-left:20px}.review-bottom{padding:20px;display:block}.design-note{max-width:none;margin-bottom:18px}.review-bottom .action-button{width:100%}.below-panel{font-size:9px}.preview-toolbar{padding:20px}.preview-toolbar .text-link{font-size:10px;gap:5px}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px;gap:20px 14px}.preview-footer{padding:16px 20px;font-size:9px;align-items:flex-start}.native-preview iframe{height:480px}.screen-note{font-size:9px;line-height:1.7;margin-top:24px}}
@media(max-width:440px){.header-meta{font-size:0;gap:0}.header-meta .status-dot{width:7px;height:7px}.workflow-step{font-size:9px;gap:5px}.step-number{width:19px;height:19px}.workflow-list{gap:8px}.upload-surface{padding:19px}.privacy-note{max-width:140px}.action-button{gap:11px;padding:10px 13px;font-size:11px}.guide-list{grid-template-columns:1fr}.preview-grid{grid-template-columns:1fr}.preview-toolbar{display:block}.preview-toolbar>.text-link{margin-top:13px}.preview-footer{display:block}.preview-footer>span{display:block;margin:4px 0}.app-footer{display:block}.app-footer>span{display:block;margin:5px 0}.file-summary h2{max-width:150px}.stat-group{gap:12px}.stat-group strong{font-size:18px}.stat-group span:not(.stat-divider){font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}
/* Keep all four workflow labels readable in the compact mobile browser. */
@media(max-width:440px){.workflow-list{align-items:flex-start}.workflow-step{flex:1;min-width:0;flex-direction:column;gap:5px;white-space:normal;text-align:center}.workflow-step>span:last-child{line-height:1.3}.step-number{margin:0 auto}}