:root{--paper:#f5f3ef;--paper-2:#ece8e1;--card:#fff;--ink:#2b2420;--ink-2:#6f6560;--line:#ddd5cc;--espresso:#2f2420;--accent:#9a6b4f;--warn:#8a4b1f;--f-head:"Cormorant Garamond", Georgia, "Times New Roman", serif;--f-body:"Jost", "Avenir Next", "Segoe UI", system-ui, sans-serif;--f-script:"Pinyon Script", "Snell Roundhand", cursive;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font:300 15px/1.55 var(--f-body);-webkit-font-smoothing:antialiased}h2{font:500 24px/1.1 var(--f-head);text-wrap:balance;margin:0 0 10px}h2 em,.bar-title em{font-family:var(--f-script);letter-spacing:0;font-size:1.35em;font-style:normal;font-weight:400}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.bar{height:64px;padding:0 max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:var(--paper-2);border-bottom:.5px solid #8c8178;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{color:var(--ink);font:500 26px/1 var(--f-head);letter-spacing:.02em;flex-direction:column;align-items:center;text-decoration:none;display:flex}.brand small{font:400 8.5px/1 var(--f-body);letter-spacing:.3em;text-transform:uppercase;margin-top:4px}.bar-title{font:500 20px/1 var(--f-head)}.embed .bar{display:none}.studio{grid-template-columns:minmax(0,1fr) 390px;height:calc(100% - 64px);display:grid}.embed .studio{height:100%}.viewport{background:#ece7e0;min-width:0;position:relative}#scene{touch-action:none;width:100%;height:100%;display:block}.loading{font:500 22px var(--f-head);color:var(--ink-2);place-items:center;margin:0;display:grid;position:absolute;inset:0}.tip{color:#fbf7f3;pointer-events:none;background:#2b24209e;border-radius:999px;margin:0;padding:5px 12px;font-size:12.5px;position:absolute;bottom:12px;left:14px}.panel{border-left:.5px solid var(--line);background:var(--paper);padding:18px max(18px, env(safe-area-inset-right)) 28px 18px;align-content:start;gap:4px;display:grid;overflow-y:auto}.sec{border-bottom:.5px solid var(--line);padding:14px 0 16px}.sec:last-child{border-bottom:0}.fine{color:var(--ink-2);margin:8px 0 0;font-size:12.5px}.picked{color:var(--ink-2);min-height:2.6em;margin:10px 0 0;font-size:13px}.count-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper{border:.5px solid var(--ink-2);border-radius:999px;align-items:center;display:inline-flex}.stepper button{background:0 0;border:0;width:34px;height:32px;font-size:18px}.stepper b{text-align:center;min-width:2ch;font-weight:500}.opts{gap:6px;display:grid}.opt{text-align:left;background:var(--card);border:.5px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;column-gap:10px;padding:9px 12px;display:grid}.opt .opt-name{grid-column:2;font-weight:400}.opt .opt-meta{color:var(--ink-2);grid-column:2;font-size:12px}:is(.opt:not(:has(.dot)):not(:has(.thumb)) .opt-name,.opt:not(:has(.dot)):not(:has(.thumb)) .opt-meta){grid-column:1/-1}.opt[aria-pressed=true]{border-color:var(--espresso);box-shadow:inset 0 0 0 1px var(--espresso)}.thumb{object-fit:cover;background:var(--paper-2);border-radius:6px;grid-row:span 2;width:44px;height:44px}:is(.opt:has(.thumb) .opt-name,.opt:has(.thumb) .opt-meta){grid-column:2}.picked{align-items:center;gap:10px;display:flex}.picked .thumb{flex:none;width:48px;height:48px}.picked a,.estimate a{color:var(--accent)}.dot{background:var(--c);border:.5px solid #00000040;border-radius:50%;grid-row:span 2;width:16px;height:16px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tab{border:.5px solid var(--ink-2);background:0 0;border-radius:999px;padding:4px 12px;font-size:13px}.tab[aria-pressed=true]{background:var(--espresso);border-color:var(--espresso);color:#fbf7f3}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:14px 0 6px;font-size:11.5px}.tabs.pattern{margin:12px 0 0}.slots{grid-template-columns:1fr 1fr;gap:6px;margin-top:8px;display:grid}.slot .dot[style*=transparent]{border-style:dashed}.swatches{flex-wrap:wrap;gap:8px;display:flex}.sw{background:var(--c);border:.5px solid #00000038;border-radius:50%;width:34px;height:34px;padding:0;position:relative}.sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 3.5px var(--espresso)}.sw.fin-satin,.sw.fin-lamor{background:linear-gradient(135deg, color-mix(in srgb, var(--c) 70%, white) 0%, var(--c) 45%, color-mix(in srgb, var(--c) 82%, black) 100%)}.sw.fin-sequin{background:radial-gradient(#ffffffbf 1px, transparent 1.6px) 0 0 / 5px 5px, var(--c)}.sw.fin-velvet{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 70%, white), var(--c) 60%)}.sw.fin-pintuck{background:repeating-linear-gradient(0deg, var(--c) 0 3px, color-mix(in srgb, var(--c) 82%, black) 3px 4px)}.sw.fin-crinkle,.sw.fin-taffeta{background:conic-gradient(from 30deg, var(--c), color-mix(in srgb, var(--c) 75%, white), var(--c), color-mix(in srgb, var(--c) 85%, black), var(--c))}.sw.fin-organza{background:color-mix(in srgb, var(--c) 75%, white)}.sw.pat-stripe{background:repeating-linear-gradient(0deg, var(--c) 0 4px, var(--c2) 4px 8px)}.sw.pat-chevron{background:linear-gradient(135deg, var(--c) 25%, transparent 25%) -5px 0 / 10px 10px, linear-gradient(225deg, var(--c) 25%, transparent 25%) -5px 0 / 10px 10px, linear-gradient(315deg, var(--c) 25%, transparent 25%) 0 0 / 10px 10px, linear-gradient(45deg, var(--c) 25%, var(--c2) 25%) 0 0 / 10px 10px}.sw.pat-damask{background:radial-gradient(circle at 50% 50%, var(--c2) 18%, transparent 20%) 0 0 / 12px 12px, var(--c)}.sw.none{background:repeating-linear-gradient(45deg,#fff 0 5px,#eee 5px 10px)}.estimate table{border-collapse:collapse;width:100%;margin-top:4px;font-size:13px}.estimate td{border-bottom:.5px solid var(--line);vertical-align:top;padding:5px 0}.estimate td.num{text-align:right;white-space:nowrap;padding-left:8px}.short{color:var(--warn);border:.5px solid;border-radius:999px;margin-left:4px;padding:0 6px;font-size:11px}.warn{color:var(--warn);background:#f6e8dd;border-radius:8px;margin-bottom:8px;padding:8px 10px;font-size:13px}.total{font:500 22px var(--f-head);justify-content:space-between;align-items:baseline;margin:12px 0 0;display:flex}.actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.btn{text-transform:uppercase;letter-spacing:.18em;font:500 11.5px/1 var(--f-body);border:1px solid var(--espresso);color:var(--espresso);border-radius:999px;padding:12px 18px;text-decoration:none;display:inline-block}.btn.solid{background:var(--espresso);color:#fbf7f3}@media (width<=860px){.studio{height:auto;display:block}.viewport{height:58vh;min-height:320px}.panel{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));border-left:0;overflow:visible}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}