@font-face{font-family:Inter;font-weight:900;font-style:normal;font-display:swap;src:url(/fonts/inter-black.woff2) format("woff2")}:root{--surface-0: #ffffff;--surface-1: #f6f7f8;--surface-2: #eceff2;--ink-1: #12161c;--ink-2: #3d434b;--ink-3: #6b7280;--border: #d7dbe0;--accent: #152238;--accent-ink: #ffffff;--accent-ring: #3d72d4;--danger: #b42318;--danger-bg: #fef3f2;--disabled: #c8ccd2;--font-ui: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", var(--font-ui);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--r-1: 4px;--r-2: 8px;--r-3: 12px}@media (prefers-color-scheme: dark){:root{--surface-0: #0f1318;--surface-1: #171c23;--surface-2: #222932;--ink-1: #f4f6f8;--ink-2: #c5cbd2;--ink-3: #8a919a;--border: #2d3540;--danger-bg: #2a1213}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-1);color:var(--ink-1);font-family:var(--font-ui);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font:inherit;color:inherit;cursor:pointer;background:none;border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-2) var(--s-3);transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,input:focus-visible{outline:2px solid var(--accent-ring);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}input[type=text],input[type=number]{font:inherit;color:var(--ink-1);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-2);padding:var(--s-2) var(--s-3);width:100%}fieldset{border:none;margin:0;padding:0}.layout{max-width:1200px;margin:0 auto;padding:var(--s-5) var(--s-4);display:grid;grid-template-columns:1fr;grid-template-areas:"header" "preview" "form" "checkout";gap:var(--s-5)}.layout__header{grid-area:header}.layout__header h1{margin:0;font-size:1.5rem;letter-spacing:-.01em}.layout__preview{grid-area:preview}.layout__form{grid-area:form;display:grid;gap:var(--s-5)}.layout__checkout{grid-area:checkout;display:grid;gap:var(--s-4)}@media (min-width: 900px){.layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header   header" "preview  form" "checkout form";align-items:start}.layout__preview,.layout__checkout{position:sticky;top:var(--s-4)}}.section{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-4);display:grid;gap:var(--s-3)}.section-legend{font-weight:600;font-size:.9rem;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-2);padding:0}.hint{margin:0;font-size:.8rem;color:var(--ink-3)}.link-button{border:none;padding:0;color:var(--accent-ring);text-align:left;background:transparent;justify-self:start}.link-button:hover{text-decoration:underline}.size-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--s-2)}.size-tile{padding:var(--s-3);text-align:center;background:var(--surface-1);font-variant-numeric:tabular-nums}.size-tile--selected{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.size-tile__dims{font-weight:600;font-size:.95rem}.size-tile--custom{border-style:dashed}.custom-size{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3);align-items:end}.custom-size .hint{grid-column:1 / -1}.custom-size__field{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--s-2);row-gap:var(--s-1);font-size:.9rem}.custom-size__field>span:first-child{grid-column:1 / -1;color:var(--ink-2);font-weight:500}.custom-size__field .unit{color:var(--ink-3)}.lines{display:grid;gap:var(--s-3)}.line{display:grid;grid-template-columns:1fr auto auto;gap:var(--s-3);align-items:end}.line__text{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:var(--s-2);row-gap:var(--s-1);grid-column:1 / 2}.line__label{grid-column:1 / -1;font-size:.85rem;font-weight:500;color:var(--ink-2)}.line__text input{text-transform:uppercase;letter-spacing:.05em;font-weight:600}.line__counter{font-size:.75rem;color:var(--ink-3);font-variant-numeric:tabular-nums;min-width:3.5em;text-align:right}.line__size{display:grid;grid-template-columns:1fr 1fr;gap:0}.line__size .size-toggle{border-radius:0;border-right-width:0}.line__size .size-toggle:first-child{border-top-left-radius:var(--r-2);border-bottom-left-radius:var(--r-2)}.line__size .size-toggle:last-child{border-top-right-radius:var(--r-2);border-bottom-right-radius:var(--r-2);border-right-width:1px}.size-toggle--on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.line__remove{background:transparent;color:var(--ink-3);font-size:1.2rem;line-height:1;padding:var(--s-1) var(--s-2);border-color:transparent}.line__remove:hover{color:var(--danger);border-color:var(--border)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--s-2)}.swatch{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);text-align:left;background:var(--surface-1);position:relative}.swatch--selected{border-color:var(--accent);background:var(--surface-0);box-shadow:0 0 0 2px var(--accent) inset}.swatch__color{width:28px;height:28px;border-radius:50%;border:1px solid var(--border)}.swatch--reflective .swatch__color{background-image:radial-gradient(circle at 35% 30%,#fffc,#fff0 55%)}.swatch__name{font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch__badge{position:absolute;top:2px;right:6px;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3)}.quantity{display:grid;grid-template-columns:auto minmax(0,120px) auto;gap:var(--s-2);align-items:center}.quantity__btn{width:40px;height:40px;font-size:1.1rem;font-weight:600}.quantity input{text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.preview{--preview-max-h: 420px;position:relative;display:flex;justify-content:center;align-items:center;padding:var(--s-4);background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-3);min-height:200px}.preview__label{position:absolute;bottom:var(--s-2);right:var(--s-3);font-size:.7rem;font-weight:400;color:var(--ink-3);letter-spacing:0}.price-panel{background:var(--surface-0);border:1px solid var(--border);border-radius:var(--r-3);padding:var(--s-4);display:grid;gap:var(--s-3)}.price-panel__title{margin:0;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-2)}.price-panel__lines{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}.price-line{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:var(--s-3)}.price-line__label{display:grid}.price-line__main{font-weight:500}.price-line__detail{font-size:.8rem;color:var(--ink-3)}.price-line__amount{font-variant-numeric:tabular-nums;font-weight:600}.price-panel__total{display:flex;justify-content:space-between;align-items:baseline;padding-top:var(--s-3);border-top:1px solid var(--border);font-size:1.1rem}.price-panel__total strong{font-size:1.35rem;font-variant-numeric:tabular-nums}.price-panel__shipping{margin:0;font-size:.8rem;color:var(--ink-3)}.price-panel__errors{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger);border-radius:var(--r-2);padding:var(--s-3);font-size:.85rem}.price-panel__errors ul{margin:var(--s-2) 0 0 0;padding-left:var(--s-4)}.add-to-cart{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);padding:var(--s-3) var(--s-4);font-size:1rem;font-weight:600;width:100%}.add-to-cart:hover:not(:disabled){filter:brightness(1.1)}.quote{display:grid;gap:var(--s-2);padding-top:var(--s-3);border-top:1px dashed var(--border)}.quote__prompt{margin:0;font-size:.85rem;color:var(--ink-2);text-align:center}.quote__btn{background:transparent;color:var(--ink-1);border:1px solid var(--border);padding:var(--s-3) var(--s-4);font-size:.95rem;font-weight:500;width:100%}.quote__btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}