:root{font-family:"Segoe UI",Arial,sans-serif;color:#262622;background:#f5f4ef;font-synthesis:none;--gold:#897127;--green:#217350;--line:#e5e3da;--muted:#72726a}*{box-sizing:border-box}body{margin:0}button,input,a{font:inherit}button,.file-button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ae9448;outline-offset:3px}a{color:#685719}button{border:0}.topbar{height:88px;padding:0 5%;display:flex;align-items:center;background:#fff;border-bottom:1px solid var(--line);gap:30px}.brand{text-decoration:none;color:var(--gold);font:italic 34px Georgia,serif;line-height:.8;text-align:center;letter-spacing:-1px}.brand span{display:block;font:8px "Segoe UI";letter-spacing:2.3px;margin-top:9px}.top-title{border-left:1px solid var(--line);padding-left:30px;font-size:17px;font-weight:600}.connection{margin-left:auto;font-size:12px;color:#52624f;background:#eff4ec;padding:8px 13px;border-radius:20px}.connection:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#6b8b60;margin-right:7px}main{max-width:1540px;margin:auto;padding:36px 5% 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--gold);font-weight:700;margin:0 0 8px}h1{font-size:31px;letter-spacing:-1px;font-weight:600;margin:0 0 10px}h2{font-size:15px;margin:0;font-weight:650}h3{font-size:16px;font-weight:600}.sub{font-size:14px;color:var(--muted);margin:0}.tag{font-size:10px;letter-spacing:.4px;border:1px solid var(--line);border-radius:5px;padding:4px 7px;font-weight:500;margin-left:9px;color:var(--muted)}.card{background:#fff;border:1px solid var(--line);border-radius:12px}.upload{display:flex;align-items:center;gap:17px;padding:23px;margin:22px 0}.step{flex-shrink:0;display:grid;place-items:center;border:1px solid #dbd6c5;background:#f8f6ef;border-radius:50%;color:var(--gold);width:29px;height:29px;font-size:12px;font-weight:650}.upload-copy{flex:1}.upload p{font-size:12px;color:var(--muted);margin:6px 0 0}.primary,.secondary,.quiet{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:11px 16px;font-size:12px;font-weight:600;text-decoration:none;white-space:nowrap}.primary{background:#7c6828;color:#fff}.primary:hover{background:#68571e}.secondary{background:#fff;color:#48483e;border:1px solid #d8d5c8}.quiet{border:1px solid #d8d5c8;background:transparent;color:#656457}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}.file-button:focus-within{outline:3px solid #ae9448;outline-offset:2px}.muted{color:var(--muted);font-size:12px}.file-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(430px,1fr) minmax(440px,1.13fr);gap:22px;align-items:start}.section-head{height:63px;display:flex;align-items:center;gap:12px;padding:0 20px;border-bottom:1px solid var(--line)}.section-head>.tag{margin-left:auto}.empty{text-align:center;padding:120px 30px;min-height:600px;color:var(--muted)}.empty-icon{font-size:44px;color:#c3b785}.empty h3{color:#68685d}.empty p{font-size:12px;max-width:270px;margin:auto;line-height:1.6}.selection{padding:16px 20px;display:flex;justify-content:space-between;font-size:12px}.selection label{display:flex;align-items:center;gap:7px}input[type=checkbox]{accent-color:#897127;width:16px;height:16px}.text-button{background:none;color:#8a8170;font-size:11px}.order-tabs{display:flex;gap:8px;overflow:auto;padding:0 20px 17px;border-bottom:1px solid var(--line)}.order-tab{display:flex;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:7px;gap:8px;flex-shrink:0;background:#fafaf8}.order-tab.active{background:#f6f1df;border-color:#b9a25f}.order-tab button{background:transparent;font-size:12px;font-weight:600;color:#484538;padding:0}.order-body{padding:20px}.order-meta{font-size:12px;display:grid;gap:9px;border-bottom:1px solid var(--line);padding-bottom:16px;line-height:1.5}.order-meta b{color:#4e4e45;margin-right:5px}.review-grid{display:grid;grid-template-columns:1fr;gap:13px;margin:18px 0}.field-label{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.review-grid select{width:100%;border:1px solid #d6d4c9;padding:10px;background:white;border-radius:6px;font-size:13px}.hint{font-size:11px;color:var(--muted);line-height:1.6;margin:6px 0 0}.b2b-check{font-size:12px;display:flex;align-items:center;gap:7px}.product-heading{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:12px}.product-heading span{color:var(--muted);font-size:11px}.products{margin-top:10px;max-height:390px;overflow:auto;border:1px solid var(--line);border-radius:7px}.product{padding:10px;display:grid;grid-template-columns:35px 1fr 28px;gap:10px;border-bottom:1px solid var(--line)}.product:last-child{border:0}.product img{width:32px;height:40px;object-fit:contain;background:#f5f5f2}.product-name{font-size:12px;line-height:1.4}.product-sku{font-size:10px;color:var(--muted);margin:3px 0}.product-qty{font-size:13px;font-weight:700;text-align:right}.name-answer{margin-top:6px;width:100%;padding:7px 8px;border:1px solid #dfddd3;border-radius:4px;font-size:11px}.checklist{display:grid;gap:12px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.checklist label{font-size:12px;display:flex;gap:8px;line-height:1.5}.checklist input{flex-shrink:0;margin-top:1px}.status-strip{font-size:11px;color:#92561e;background:#faf2e9;padding:9px 12px;border-radius:5px;margin-top:16px}.status-strip.ready{background:#eef6ee;color:#29623b}.preview-empty{min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ebece7;padding:30px;border-radius:0}.paper{width:270px;height:382px;background:#fff;box-shadow:0 4px 20px #00000010;padding:23px}.paper-logo{text-align:center;font:italic 19px Georgia;color:#b6a575}.paper-top{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:27px;height:124px}.paper-top i,.paper-list i{display:block;background:#e9e9e4;height:4px;margin:11px 0}.paper-top i:nth-child(2){width:80%}.label-placeholder{background:#f8f8f5;border:1px solid #dbddd4;display:flex;align-items:center;justify-content:center;text-align:center;font-size:10px;line-height:1.8;color:#9a9d90}.paper-cut{border-top:1px dashed #c8c9c0;margin:18px -10px 15px}.paper-list i{height:7px;margin:13px 0;background:linear-gradient(to right,#e8e8e1 9%,transparent 9%,transparent 14%,#f1f1ec 14%,#f1f1ec 100%)}.preview-empty p{font-size:11px;color:#8a8c80;margin:25px 0 0}iframe{border:0;width:100%;height:770px;display:block;background:#e9eae5}.preview-footer{padding:14px 18px;display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#77796d}.preview-footer a{font-size:11px}.actionbar{position:sticky;bottom:12px;background:#fff;border:1px solid #dcd8c9;border-radius:10px;box-shadow:0 6px 24px #00000009;display:flex;justify-content:space-between;align-items:center;padding:17px 21px;margin-top:23px;gap:20px}.actionbar strong{font-size:12px}.actionbar p{font-size:11px;color:var(--muted);margin:5px 0 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.footnote{font-size:10px;color:#8e8e80;text-align:center;margin:23px 0 0}.message{padding:13px 18px;border:1px solid #d3b285;background:#fff6e9;color:#7b4c1c;font-size:13px;border-radius:7px;margin-bottom:16px}.message.success{background:#edf5ed;border-color:#c5d8bf;color:#365f36}#setup{padding:22px;margin-bottom:20px}#setup p{font-size:12px;line-height:1.7;color:#727264}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:12px}.form-grid input{display:block;width:100%;margin-top:5px;border:1px solid #d8d6cb;padding:9px;border-radius:5px}.hidden{display:none!important}@media(max-width:1020px){.workspace{grid-template-columns:1fr}.preview-empty{min-height:490px}.empty{min-height:380px;padding:70px 20px}.actionbar{position:static}.file-name{display:none}}@media(max-width:620px){main{padding:24px 16px}.topbar{padding:0 18px;height:74px;gap:15px}.top-title{padding-left:15px;font-size:14px}.connection{font-size:10px;padding:6px}.brand{font-size:29px}.intro{display:block}h1{font-size:26px}.intro .quiet{margin-top:15px}.upload{flex-wrap:wrap;padding:17px}.upload-copy{flex-basis:70%}.file-button{margin-left:46px}.actionbar{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.preview-footer{flex-direction:column}.top-title .tag{display:none}iframe{height:650px}}

#rendered-preview{background:#e8e9e3;padding:0 18px 18px;max-height:850px;overflow:auto}#preview-page-image{display:block;width:100%;height:auto;box-shadow:0 3px 18px #00000012}.page-nav{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#7a7b70;font-size:10px}.page-nav select{font:inherit;border:1px solid #d4d5cc;border-radius:4px;padding:4px;background:white;margin-left:5px}

.product-price{font-size:12px;font-weight:600;margin:4px 0;color:#51451f}
#progress{display:flex;align-items:center;gap:20px}#progress span{flex:1}#progress progress{width:35%;accent-color:var(--gold)}.bulk-review{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;margin:0 20px 16px}.bulk-review input{flex-shrink:0}