:root{--paper: #ffffff;--paper-2: #f7f6f3;--paper-3: #ecebe6;--line: #d8d6d0;--line-2: #b8b5ad;--ink: #0d0d0d;--ink-2: #1f3239;--ink-3: #4a5a61;--ink-4: #8a8f8e;--accent: #ee5c44;--accent-fg: #ffffff;--accent-soft: #fdece8;--teal: #1f3239;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--display: "Instrument Serif", "Times New Roman", serif;--title: "Source Sans 3", "Myriad Pro", "Myriad", "Inter", sans-serif;--ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--r: 2px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;font-family:var(--ui);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01","cv11"}.mono{font-family:var(--mono);font-feature-settings:"tnum","zero"}.app{min-height:100vh;padding-bottom:160px;background:linear-gradient(var(--paper),var(--paper)),repeating-linear-gradient(90deg,transparent 0 120px,oklch(94% .008 85) 120px 121px)}.topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 32px 18px;border-bottom:1px solid var(--line);gap:24px;background:var(--paper);position:sticky;top:0;z-index:4}.brandmark{display:flex;align-items:center;gap:12px;min-width:0}.brandmark .logo-mark{width:auto;height:32px;max-height:32px;border:0;background:transparent;display:inline-flex;align-items:center;padding:0;flex-shrink:0}.brandmark .logo-mark img{height:32px;max-height:32px;width:auto;max-width:240px;display:block;object-fit:contain}.brand-name{font-family:var(--display);font-size:21px;font-style:italic;line-height:1;letter-spacing:-.5px}.brand-sub{font-size:10px;letter-spacing:1.4px;color:var(--ink-3);text-transform:uppercase;margin-top:3px}.top-center{text-align:center}.top-title{font-family:var(--title);font-size:22px;font-weight:600;letter-spacing:-.2px;color:var(--ink)}.top-sub{font-size:11px;color:var(--ink-3);letter-spacing:.4px;margin-top:4px}.top-right{display:flex;gap:28px;justify-content:flex-end}.meta{display:flex;flex-direction:column}.meta-lbl{font-size:9px;letter-spacing:1.6px;color:var(--ink-4);text-transform:uppercase}.meta-val{font-size:13px;color:var(--ink);margin-top:2px;font-family:var(--mono)}.main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0;min-height:calc(100vh - 242px)}.preview-pane{position:sticky;top:82px;height:calc(100vh - 82px);border-right:1px solid var(--line);display:flex;flex-direction:column;background:var(--paper-2)}.config-pane{padding:8px 40px 80px}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line)}.eyebrow{display:flex;align-items:baseline;gap:10px;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-2)}.eyebrow-num{font-family:var(--mono);color:var(--ink-4);font-size:10px}.preview-toggle{display:flex;gap:2px;padding:2px;border:1px solid var(--line-2);background:var(--paper)}.tog{border:0;background:transparent;padding:7px 12px;font-size:11px;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-3);cursor:pointer;display:flex;align-items:center;gap:6px;font-family:var(--ui)}.tog.on{background:var(--ink);color:var(--paper)}.preview-stage{flex:1;padding:32px 40px;display:grid;place-items:center;background:radial-gradient(ellipse at top,var(--paper-2),var(--paper-3));overflow:hidden}.preview-stage>svg{max-width:100%;max-height:100%}.spec-strip{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);background:var(--paper)}.spec{padding:14px 18px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:4px;min-width:0}.spec:last-child{border-right:0}.spec-lbl{font-size:9px;letter-spacing:1.4px;color:var(--ink-4);text-transform:uppercase}.spec-val{font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row{display:grid;grid-template-columns:180px 1fr;gap:32px;padding:28px 0;border-bottom:1px solid var(--line)}.row-label{display:flex;gap:12px;padding-top:2px}.row-num{font-family:var(--mono);font-size:10px;color:var(--ink-4);letter-spacing:.5px;padding-top:3px}.row-title{font-size:13px;letter-spacing:.4px;text-transform:uppercase;font-weight:500}.row-sub{font-family:var(--mono);font-size:10px;color:var(--ink-4);margin-top:6px;letter-spacing:.3px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.prod-card{border:1px solid var(--line);background:var(--paper);padding:14px 12px 12px;cursor:pointer;text-align:left;font-family:var(--ui);display:flex;flex-direction:column;gap:8px;transition:all .15s;color:var(--ink)}.prod-card:hover{border-color:var(--ink-3)}.prod-card.on{border-color:var(--ink);background:var(--ink);color:var(--paper)}.prod-card.on .prod-part{color:var(--paper-3)}.prod-ico{width:48px;height:40px;display:grid;place-items:center;color:inherit;opacity:.9}.prod-name{font-size:12px;letter-spacing:.2px;line-height:1.2;min-height:28px}.prod-part{font-size:10px;color:var(--ink-4)}.dim-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dim-cell label,.place-cell label{font-size:10px;letter-spacing:1.4px;color:var(--ink-4);text-transform:uppercase;display:block;margin-bottom:8px}.numfield{display:flex;align-items:center;border:1px solid var(--line);background:var(--paper);height:38px;padding:0 12px;margin-bottom:10px}.numfield input{border:0;background:transparent;font-family:var(--mono);font-size:15px;width:100%;outline:none;color:var(--ink)}.numfield input::-webkit-outer-spin-button,.numfield input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numfield-suffix{font-family:var(--mono);font-size:11px;color:var(--ink-4)}.slider-wrap{display:flex;align-items:center;gap:10px}input[type=range]{-webkit-appearance:none;width:100%;height:2px;background:var(--line-2);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--ink);border-radius:50%;cursor:pointer}input[type=range]::-moz-range-thumb{width:14px;height:14px;background:var(--ink);border-radius:50%;cursor:pointer;border:0}.slider-val{font-family:var(--mono);font-size:11px;color:var(--ink-3);min-width:36px}.supply-card{margin-top:14px;display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);background:var(--paper-2)}.supply-ico{flex-shrink:0;color:var(--ink);margin-top:2px}.supply-title{font-size:12px;font-weight:500;color:var(--ink);letter-spacing:.2px;margin-bottom:4px}.supply-sub{font-size:11px;line-height:1.45;color:var(--ink-3);max-width:56ch}.prod-method{font-size:9px;letter-spacing:1.2px;color:var(--ink-4);margin-top:2px}.prod-card.on .prod-method{color:var(--paper-3)}.qty-grid.solo{grid-template-columns:200px 1fr;align-items:center}.qty-grid.solo .tiny-note{margin-top:0;line-height:1.5}.filework-row{display:flex;align-items:center;gap:14px}.filework-row .numfield{width:110px}.filework-row .tiny-note{margin-top:0}.req-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:12px;line-height:1.5;color:var(--ink-2)}.req-list li{display:flex;gap:10px;align-items:baseline}.req-list .req-dot{color:var(--accent, var(--ink-4));font-weight:700;width:8px;flex-shrink:0}.pb-bd-row.total-row{border-top:1px solid var(--line);padding-top:10px;margin-top:4px;font-weight:500;color:var(--ink)}.fabric-name,.fabric-code{display:none}.logo-tabs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.upload-zone{border:1px dashed var(--line-2);background:var(--paper);min-height:140px;display:grid;place-items:center;cursor:pointer;padding:18px;transition:all .15s}.upload-zone:hover,.upload-zone.drag{border-color:var(--ink);background:var(--accent-soft)}.upload-empty{text-align:center;color:var(--ink-3)}.upload-empty svg{margin:0 auto 10px;color:var(--ink-3)}.upload-line{font-size:12px;color:var(--ink-2);margin-bottom:4px}.upload-hint{font-family:var(--mono);font-size:10px;color:var(--ink-4)}.upload-preview{display:flex;align-items:center;gap:14px;width:100%;position:relative}.upload-preview img{width:72px;height:72px;object-fit:contain;background:var(--paper-3);padding:6px;border:1px solid var(--line)}.upload-name{font-size:13px;color:var(--ink);margin-bottom:4px}.upload-clear{position:absolute;top:0;right:0;border:1px solid var(--line);background:var(--paper);width:22px;height:22px;cursor:pointer;font-size:14px;color:var(--ink-3);line-height:1}.lib{border:1px solid var(--line);background:var(--paper)}.lib-head{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink-3)}.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.lib-item{background:var(--paper);border:0;cursor:pointer;padding:10px;display:flex;flex-direction:column;gap:4px;align-items:flex-start;font-family:var(--ui);transition:background .15s}.lib-item:hover{background:var(--accent-soft)}.lib-item img{width:100%;height:36px;object-fit:contain}.lib-name{font-size:10px;color:var(--ink-3);letter-spacing:.2px}.place-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:14px}.place-presets{display:flex;gap:6px;flex-wrap:wrap}.preset{border:1px solid var(--line);background:var(--paper);padding:6px 12px;font-size:11px;color:var(--ink-2);cursor:pointer;font-family:var(--ui);letter-spacing:.3px}.preset:hover{border-color:var(--ink);color:var(--ink)}.seg{display:inline-flex;border:1px solid var(--line-2);background:var(--paper);padding:2px;gap:2px}.seg-btn{border:0;background:transparent;padding:7px 14px;font-size:12px;color:var(--ink-3);cursor:pointer;font-family:var(--mono);letter-spacing:.5px}.seg-btn.on{background:var(--ink);color:var(--paper)}.mini-lbl{display:block;font-size:10px;letter-spacing:1.4px;color:var(--ink-4);text-transform:uppercase;margin-bottom:8px}.tiny-note{font-size:11px;color:var(--ink-3);margin-top:8px;font-family:var(--mono)}.colors-locked{display:flex;align-items:center;gap:12px;padding:8px 0}.locked-pill{display:inline-flex;align-items:center;height:28px;padding:0 12px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.6px}.locked-note{font-size:11px;color:var(--ink-3);letter-spacing:.2px}.margin-label{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.margin-control{display:inline-flex;align-items:center;border:1px solid var(--line-2);background:var(--paper);height:24px;overflow:hidden}.margin-step{width:22px;height:22px;border:0;background:transparent;color:var(--ink-2);cursor:pointer;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.margin-step:hover{background:var(--paper-3);color:var(--ink)}.margin-input{width:38px;height:22px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:transparent;text-align:center;font-size:12px;color:var(--ink);outline:none;padding:0}.margin-input::-webkit-outer-spin-button,.margin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.margin-pct{font-size:11px;color:var(--ink-3);padding:0 4px 0 0}.margin-name{font-size:11px;color:var(--ink-3);letter-spacing:.2px}.print-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.repeat-block{margin-top:20px;border:1px solid var(--line);background:var(--paper);padding:14px 16px}.repeat-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.repeat-title{font-size:12px;color:var(--ink);letter-spacing:.2px}.repeat-sub{font-size:10px;color:var(--ink-4);margin-top:3px;font-family:var(--mono)}.repeat-stepper{display:flex;border:1px solid var(--line);height:32px;align-items:stretch}.repeat-stepper button{width:30px;border:0;background:var(--paper);cursor:pointer;font-size:14px;color:var(--ink);border-right:1px solid var(--line)}.repeat-stepper button:last-child{border-right:0;border-left:1px solid var(--line)}.repeat-stepper span{min-width:44px;display:grid;place-items:center;font-size:13px;color:var(--ink)}.repeat-controls{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}.qty-grid{display:grid;grid-template-columns:240px 1fr;gap:28px}.qty-stepper{display:flex;border:1px solid var(--line);height:38px}.qty-stepper button{width:38px;border:0;background:var(--paper);cursor:pointer;font-size:16px;color:var(--ink);border-right:1px solid var(--line)}.qty-stepper button:last-child{border-right:0;border-left:1px solid var(--line)}.qty-stepper input{border:0;background:transparent;text-align:center;width:100%;font-family:var(--mono);font-size:15px;outline:none}.rush-list{display:flex;flex-direction:column;gap:4px}.rush-opt{border:1px solid var(--line);background:var(--paper);padding:9px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--ui);font-size:12px;color:var(--ink-2)}.rush-opt:hover{border-color:var(--ink-3)}.rush-opt.on{border-color:var(--ink);color:var(--ink);background:var(--paper-3)}.rush-opt .tiny{font-size:10px;color:var(--ink-4)}.pricebar{position:fixed;bottom:0;left:0;right:0;background:var(--paper);border-top:1px solid var(--line);z-index:5;box-shadow:0 -8px 24px #1616160a}.pb-toggle{position:absolute;top:-30px;left:50%;transform:translate(-50%);border:1px solid var(--line);border-bottom:0;background:var(--paper);padding:7px 18px;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;cursor:pointer;color:var(--ink-2);display:flex;align-items:center;gap:10px;font-family:var(--ui)}.pb-breakdown{padding:24px 40px 28px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:24px;font-size:12px;max-width:900px;margin:0 auto}.pb-section{display:flex;flex-direction:column;gap:10px;position:relative;padding-top:14px;border-top:1px solid var(--line)}.pb-section:first-child{padding-top:0;border-top:0}.pb-eyebrow{display:flex;align-items:baseline;gap:10px;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink-2);font-weight:500}.pb-eyebrow-num{font-family:var(--mono);color:var(--ink-4);font-size:9px;letter-spacing:.5px;width:12px}.pb-line{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:16px;padding-left:22px}.pb-line-text{min-width:0}.pb-line-label{font-size:12.5px;color:var(--ink);letter-spacing:.1px;line-height:1.4}.pb-line-meta{font-size:10.5px;color:var(--ink-4);margin-top:3px;letter-spacing:.2px;font-feature-settings:"tnum","zero"}.pb-line-amount{font-size:13px;color:var(--ink);font-feature-settings:"tnum","zero";white-space:nowrap}.pb-line.subdued .pb-line-label,.pb-line.subdued .pb-line-amount{color:var(--ink-4)}.pb-section-grand .pb-grand{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;padding-left:22px}.pb-grand-text{min-width:0;display:flex;flex-direction:column;gap:4px}.pb-section-grand .pb-eyebrow{padding-left:0}.pb-grand-meta{font-size:10.5px;color:var(--ink-4);letter-spacing:.2px}.pb-grand-amount{font-size:26px;color:var(--ink);letter-spacing:-.5px;line-height:1;font-weight:500;white-space:nowrap}.pb-section-grand{background:var(--paper-2);margin:0 -40px;padding:18px 40px 20px;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.pb-section-grand .pb-grand{padding-left:0}.pb-section-grand>.pb-eyebrow{display:none}.pb-section-margin .pb-eyebrow,.pb-section-margin .pb-eyebrow-num{color:var(--accent)}.pb-margin-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding-left:22px}.pb-margin-text{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pb-margin-text .pb-line-label{color:var(--ink)}.pb-margin-control{display:inline-flex;align-items:center;border:1px solid var(--line-2);background:var(--paper);height:26px;overflow:hidden}.pb-margin-step{width:24px;height:24px;border:0;background:transparent;color:var(--ink-2);cursor:pointer;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.pb-margin-step:hover{background:var(--paper-3);color:var(--ink)}.pb-margin-input{width:40px;height:24px;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);background:transparent;text-align:center;font-size:12px;color:var(--ink);outline:none;padding:0}.pb-margin-input::-webkit-outer-spin-button,.pb-margin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pb-margin-pct{font-size:11px;color:var(--ink-3);padding:0 6px 0 4px}.pb-margin-amount{font-size:18px;color:var(--accent);font-weight:500;letter-spacing:-.2px}.pb-main{display:grid;grid-template-columns:200px 200px 1fr;gap:32px;padding:22px 40px;align-items:end}.pb-right{text-align:right}.pb-label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink-4);margin-bottom:6px}.pb-num{font-size:20px;color:var(--ink);line-height:1}.pb-num.sm{font-size:16px}.pb-num.big{font-size:34px;letter-spacing:-.8px}.pb-num .u{font-size:11px;color:var(--ink-3);margin-left:4px;font-family:var(--mono)}.pb-sub{font-size:11px;color:var(--ink-3);margin-top:4px;font-family:var(--mono)}.pb-sub.margin-hint{color:var(--accent)}.pb-cta{display:flex;gap:10px}.btn-ghost,.btn-primary{border:1px solid var(--ink);padding:13px 20px;font-size:12px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;font-family:var(--ui);display:flex;align-items:center;gap:10px}.btn-ghost{background:var(--paper);color:var(--ink)}.btn-ghost:hover{background:var(--paper-3)}.btn-primary{background:var(--accent);color:var(--accent-fg);border-color:var(--accent)}.btn-primary:hover{background:#d94d35;border-color:#d94d35}.gate{min-height:100vh;display:grid;place-items:center;background:linear-gradient(var(--paper),var(--paper)),repeating-linear-gradient(90deg,transparent 0 120px,oklch(94% .008 85) 120px 121px);padding:24px}.gate-card{width:100%;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 32px;background:var(--paper);border:1px solid var(--line)}.gate-logo{height:38px;width:auto;margin-bottom:8px}.gate-title{font-family:var(--title);font-size:18px;font-weight:600;color:var(--ink);letter-spacing:-.1px}.gate-sub{font-size:11px;letter-spacing:.4px;color:var(--ink-3);margin-bottom:8px}.gate-input{width:100%;height:42px;padding:0 14px;font-family:var(--mono);font-size:15px;border:1px solid var(--line-2);background:var(--paper);color:var(--ink);outline:none}.gate-input:focus{border-color:var(--ink)}.gate-input.error{border-color:var(--accent)}.gate-err{font-size:11px;color:var(--accent);letter-spacing:.3px;align-self:flex-start;margin-top:-6px}.gate-btn{width:100%;height:42px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--ui);font-size:12px;letter-spacing:.6px;text-transform:uppercase;cursor:pointer;margin-top:4px}.gate-btn:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}@media (max-width: 1100px){.main{grid-template-columns:1fr}.preview-pane{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.preview-stage{padding:24px;min-height:420px}.row{grid-template-columns:1fr;gap:14px;padding:20px 0}.config-pane{padding:8px 24px 40px}.pb-main{grid-template-columns:1fr 1fr;gap:16px;padding:18px 20px}.pb-cta{grid-column:1 / -1}.spec-strip{grid-template-columns:repeat(3,1fr)}.spec:nth-child(3n){border-right:0}}