.pin-badge{display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;min-height:32px;padding:4px 2px;border:1px solid #cad2cb;border-radius:3px;background:#edf0e9;color:#405a59;font:10px var(--mono)}
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#172a31;--paper:#f2f3ec;--card:#fffefa;--line:#cad2cb;--muted:#667b7a;--teal:#146b68;--teal-deep:#0e5552;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.55}.config-topbar{height:70px;padding:0 clamp(16px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:#f8f8f1;border-bottom:3px solid var(--teal)}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:14px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.brand:hover{color:#fff;text-decoration:none}.brand small{display:block;color:#9fb1ab;font:9px var(--mono);letter-spacing:.12em;margin-top:2px}.brand-mark{width:34px;height:34px;display:grid;place-items:center;border:1px solid #86aaa1;color:#a9c8b8;font:16px var(--mono)}.config-topbar nav{display:flex;gap:27px;align-items:center}.config-topbar nav a{color:#d6e0da;text-decoration:none;font-weight:700;font-size:12px}.config-topbar nav .cart-link{background:#dce9de;color:var(--ink);padding:9px 14px}.config-shell{max-width:1620px;padding:0 clamp(14px,3vw,48px);margin:auto}.config-intro{padding:39px 4px 29px;display:flex;align-items:flex-end;justify-content:space-between;gap:28px}.eyebrow{font:10px var(--mono);letter-spacing:.13em;color:var(--teal);font-weight:500;margin:0 0 12px}.config-intro .eyebrow span{color:#81908b;margin-left:20px}.config-intro h1{font-size:clamp(35px,4.2vw,60px);line-height:1.02;letter-spacing:-.055em;margin:0 0 14px;font-weight:800}.config-intro h1 em{font-style:normal;color:var(--teal)}.config-intro p:not(.eyebrow){max-width:560px;margin:0;color:#536865;font-size:15px}.turnaround{border-left:1px solid var(--line);padding:4px 0 4px 22px;min-width:205px}.turnaround strong,.turnaround small{display:block}.turnaround strong{font-size:14px}.turnaround small{color:var(--muted);font-size:11px;margin-top:3px}.status-dot,.live-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;background:#43866d;margin-right:8px;box-shadow:0 0 0 3px #d8e9df}.config-layout{display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:22px;align-items:start}.sidebar{display:flex;flex-direction:column;gap:12px}.card{background:var(--card);border:1px solid var(--line);box-shadow:0 2px 8px rgba(26,51,49,.035)}.config-card{padding:17px 18px}.config-card h2{font-size:12px;letter-spacing:.04em;text-transform:uppercase;margin:0 0 15px;display:flex;align-items:center;gap:10px}.config-card h2>span{font:11px var(--mono);color:var(--teal)}.config-card h2 small{margin-left:auto;color:var(--muted);font:9px var(--mono);text-transform:none;letter-spacing:0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field{margin-bottom:12px;min-width:0}.field:last-child{margin-bottom:0}.field label{display:block;color:#405a59;font-size:11px;font-weight:700;margin-bottom:5px}.field label small{color:#84928c;font-weight:500}.field input,.field select,.pin-row input,.pin-row select,.qty-control input{width:100%;min-width:0;border:1px solid #bdc9c1;background:#fff;color:#223b3d;border-radius:2px;padding:9px;font:11px var(--mono);height:36px}.field input:focus,.field select:focus,.pin-row input:focus,.pin-row select:focus,.qty-control input:focus{outline:2px solid #6aa29a;outline-offset:1px;border-color:var(--teal)}.field input[readonly]{background:#edf0e9;color:#73817c}.field>small{display:block;font-size:9px;color:#85908a;margin-top:4px}.inline-inputs{display:flex;gap:6px}.pin-heading,.pin-row{display:grid;grid-template-columns:48px minmax(76px,.88fr) minmax(90px,1fr) 54px 25px;gap:4px;align-items:center}.pin-heading{padding:0 2px 6px;color:#778781;font:8px var(--mono);text-transform:uppercase}.pin-row{margin:0 0 6px}.pin-row input,.pin-row select{padding:4px 3px;height:32px;font-size:10px}.pin-row .color-select-wrap{display:flex;align-items:center;min-width:0;border:1px solid #bdc9c1;background:#fff;padding-left:5px}.pin-row .color-select-wrap select{border:0}.color-dot{width:9px;height:9px;border:1px solid #8c9691;border-radius:50%;flex:none}.btn-del{height:27px;border:1px solid #dec5c2;background:#fff;color:#a84640;cursor:pointer;font-size:17px;line-height:1}.btn-del:hover{background:#f6e9e5}.btn-add{width:100%;padding:9px 10px;background:#eff5f0;color:var(--teal);border:1px dashed #7da9a0;font:700 10px var(--sans);cursor:pointer;text-align:left}.btn-add:hover{background:#e4efe8}.export-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.btn-export{height:38px;background:var(--teal);border:1px solid var(--teal);color:white;font:700 10px var(--sans);cursor:pointer}.btn-export.secondary{color:var(--ink);background:transparent;border-color:#aebbb4}.btn-export:hover{transform:translateY(-1px);background:var(--teal-deep);color:white}.price-card{background:var(--ink);color:#f5f5ed;padding:18px 19px;border-top:3px solid var(--teal)}.price-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.price-head .eyebrow{color:#9fc4b4;font-size:9px;margin-bottom:4px}.price-head strong{font-size:28px;letter-spacing:-.04em}.qty-control{display:grid;gap:3px;text-align:right}.qty-control label{color:#a9bbb3;font-size:10px}.qty-control input{width:78px;height:33px;text-align:center}.price-line{display:flex;justify-content:space-between;border-top:1px solid #344b50;padding:8px 0;font-size:11px;color:#ced8d0}.price-line strong{font:11px var(--mono);color:#fff}.price-card>p{font:9px var(--mono);color:#9eb0a8;margin:4px 0 10px}.included-note{color:#bcd6c5;font-size:10px;margin-bottom:12px}.submit-config{width:100%;height:44px;background:#c5dfcb;border:0;color:#142b2f;font:800 12px var(--sans);cursor:pointer;transition:background .15s,transform .15s}.submit-config:hover{background:#d8ead8;transform:translateY(-1px)}.submit-config:disabled{opacity:.65;cursor:wait}.expedite-note{display:block;text-align:center;font-size:9px;color:#9eaea7;margin-top:9px}.config-status{margin-top:7px;color:#f3d0bd;font-size:11px}.config-status:empty{display:none}.config-status.is-error{color:#ffc8bd}.workspace-panel{position:sticky;top:16px;min-width:0;background:#e4e8e0;border:1px solid #c6d0c8;box-shadow:0 6px 24px rgba(31,58,54,.08)}.workspace-toolbar{height:53px;background:#f8f8f1;border-bottom:1px solid #cbd4cd;padding:0 17px;display:flex;align-items:center;justify-content:space-between}.workspace-toolbar strong{font-size:11px}.workspace-toolbar small,.sheet-label{font:9px var(--mono);color:#7d8d85;letter-spacing:.08em;margin-left:8px}.sheet-label{margin:0}.drawing-sheet{width:100%;aspect-ratio:1200/850;display:flex;justify-content:center;align-items:center;padding:clamp(6px,1.5vw,20px);overflow:hidden}.drawing-sheet svg{width:100%;height:auto;max-height:100%;display:block;background:#fff;box-shadow:0 3px 14px #53635a24}.workspace-caption{border-top:1px solid #cbd4cd;padding:9px 14px;display:flex;justify-content:space-between;gap:8px;color:#718079;font:9px var(--mono)}.config-page button:focus-visible,.config-page a:focus-visible{outline:3px solid #c78e42;outline-offset:2px}@media(max-width:980px){.config-layout{grid-template-columns:minmax(310px,390px) minmax(0,1fr);gap:14px}.config-card{padding:14px}.workspace-panel{top:8px}}@media(max-width:760px){.config-topbar{height:62px}.config-topbar nav{gap:14px}.config-topbar nav a:first-child{display:none}.config-shell{padding:0 12px}.config-intro{padding:28px 2px 21px;align-items:flex-start;flex-direction:column;gap:16px}.config-intro h1{font-size:42px}.config-intro p:not(.eyebrow){font-size:13px}.turnaround{border-left:0;border-top:1px solid var(--line);padding:10px 0 0;min-width:unset;width:100%}.config-layout{grid-template-columns:1fr}.workspace-panel{position:static;grid-row:1}.sidebar{grid-row:2}.drawing-sheet{padding:8px;min-height:250px}.workspace-caption{font-size:8px}.pin-heading,.pin-row{grid-template-columns:46px minmax(65px,.9fr) minmax(82px,1fr) 48px 24px}.pin-row input,.pin-row select{font-size:9px}}@media print{body{background:#fff}.config-topbar,.config-intro,.sidebar,.workspace-toolbar,.workspace-caption{display:none!important}.config-shell{max-width:none;padding:0}.config-layout{display:block}.workspace-panel{position:static;border:0;box-shadow:none;background:#fff}.drawing-sheet{padding:0;aspect-ratio:1200/850}.drawing-sheet svg{box-shadow:none}}
/* Allow the concept-to-production message to wrap on narrow screens. */
.config-topbar{height:auto;min-height:70px;padding-block:12px;gap:16px}.config-topbar .brand{min-width:0}.config-topbar .brand small{line-height:1.5;max-width:52ch}.config-topbar nav{flex-shrink:0}