.filters{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.chip{border:0;border-radius:999px;padding:12px 18px;background:var(--steel-2);color:var(--text);cursor:pointer;font-weight:500;transition:background-color .3s var(--ease),color .3s var(--ease),transform .2s var(--ease)}.chip span{color:var(--muted);margin-left:4px;font-variant-numeric:tabular-nums}@media(hover:hover){.chip:hover{background:#2a2e38}}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--text);color:var(--ink)}.chip[aria-pressed=true] span{color:var(--ink-soft)}.sheet{padding-bottom:var(--gap)}.drow{background:var(--steel);margin-bottom:8px;transition:background-color .4s var(--ease)}.drow.is-open{background:var(--steel-2)}@media(hover:hover){.drow:hover{background:var(--steel-2)}}.drow[hidden]{display:none}.drow__head{width:100%;display:grid;grid-template-columns:120px 1fr auto 56px;gap:clamp(16px,3vw,40px);align-items:center;padding:16px clamp(16px,2vw,28px) 16px 16px;background:none;border:0;text-align:left;cursor:pointer}.drow__thumb{background:var(--paper);aspect-ratio:1;display:grid;place-items:center;overflow:hidden}.drow__thumb img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s var(--ease)}@media(hover:hover){.drow:hover .drow__thumb img{transform:scale(1.1) rotate(-3deg)}}.drow__name{font-size:clamp(1.4rem,1rem + 1.6vw,2.5rem);font-weight:700;font-variation-settings:"wdth" 112;letter-spacing:-.025em;line-height:1.05}.drow__quick{color:var(--muted);margin-top:4px}.drow__cap{font-weight:800;font-variation-settings:"wdth" 125;font-size:clamp(1.25rem,1rem + 1vw,2rem);text-transform:uppercase;letter-spacing:-.02em;white-space:nowrap}.drow__plus{width:48px;height:48px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;font-size:28px;line-height:1;transition:transform .5s var(--ease)}.drow.is-open .drow__plus{transform:rotate(135deg)}.drow__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s var(--ease)}.drow.is-open .drow__body{grid-template-rows:1fr}.drow__inner{overflow:hidden}.drow__detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(24px,4vw,64px);padding:8px clamp(16px,2vw,28px) 32px 16px}.drow__big{background:var(--paper);aspect-ratio:4 / 3;max-height:440px;display:grid;place-items:center;overflow:hidden}.drow__big img{height:88%;width:auto;mix-blend-mode:multiply}.specs{display:grid;grid-template-columns:auto 1fr;gap:0;align-content:start}.specs dt,.specs dd{padding:12px 0;border-bottom:2px solid var(--steel)}.specs dt{color:var(--muted);padding-right:24px}@media(hover:hover){.drow:hover .specs dt,.drow:hover .specs dd{border-color:var(--steel)}}.drow__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.build{display:grid;grid-template-columns:1.15fr 1fr;background:var(--paper);color:var(--ink)}.build__stage{position:sticky;top:0;height:100svh;background:var(--paper-2)}.build__stage canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;cursor:grab;touch-action:pan-y}.build__tag{position:absolute;left:var(--m);bottom:var(--m);right:var(--m);pointer-events:none}.build__match{font-weight:800;font-variation-settings:"wdth" 120;text-transform:uppercase;font-size:clamp(1.5rem,1rem + 2vw,3rem);letter-spacing:-.03em;line-height:.95}.build__state{margin-top:8px;font-weight:600;color:var(--ink-soft)}.build__state.is-custom{color:var(--orange)}.build__panel{padding:clamp(110px,12vw,160px) var(--m) var(--gap);display:grid;gap:24px;align-content:start}.build__intro{max-width:32ch}.builder{display:grid;gap:28px;margin-top:16px}.builder fieldset{border:0;margin:0;padding:0}.builder legend,.row2 label>span{display:block;font-weight:600;margin-bottom:12px;padding:0}.opts{display:flex;flex-wrap:wrap;gap:8px}.opt input{position:absolute;opacity:0;pointer-events:none}.opt span{display:inline-block;padding:12px 18px;border-radius:999px;background:#fff;cursor:pointer;font-weight:500;transition:background-color .25s var(--ease),color .25s var(--ease),transform .2s var(--ease)}@media(hover:hover){.opt span:hover{background:var(--paper-2)}}.opt input:checked+span{background:var(--ink);color:var(--text)}.opt input:focus-visible+span{outline:3px solid var(--orange);outline-offset:2px}.opt input:active+span{transform:scale(.95)}.field::placeholder{color:#7d828c}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.summary{background:var(--ink);color:var(--text);padding:24px;display:grid;grid-template-columns:auto 1fr;gap:8px 20px}.summary dt{color:var(--muted)}.summary dd{font-variant-numeric:tabular-nums}.send{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:900px){.filters{justify-content:flex-start}.drow__head{grid-template-columns:72px 1fr 48px}.drow__cap{display:none}.drow__detail{grid-template-columns:1fr;padding:8px 16px 24px}.drow__actions{grid-column:1}.build{grid-template-columns:1fr}.build__stage{position:sticky;top:0;height:46svh;z-index:2}.build__panel{padding-top:40px}.build__match{font-size:1.25rem}.row2{grid-template-columns:1fr}}.build .swatch{box-shadow:inset 0 0 0 2px #0b0c1026}.build .swatch[aria-checked=true]{box-shadow:0 0 0 3px var(--paper),0 0 0 6px var(--ink)}.hint{color:var(--ink-soft);margin:-4px 0 14px}.zones{margin-bottom:16px}.zone{border:0;border-radius:999px;padding:12px 18px;background:#fff;color:var(--ink);font-weight:500;cursor:pointer;transition:background-color .25s var(--ease),color .25s var(--ease),transform .2s var(--ease)}@media(hover:hover){.zone:hover{background:var(--paper-2)}}.zone:active{transform:scale(.95)}.zone[aria-checked=true]{background:var(--ink);color:var(--text)}.presets{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.preset{display:inline-flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:8px 16px 8px 8px;background:#fff;color:var(--ink);font-weight:500;cursor:pointer;transition:background-color .25s var(--ease),transform .2s var(--ease)}@media(hover:hover){.preset:hover{background:var(--paper-2)}}.preset:active{transform:scale(.96)}.preset__drum{display:grid;grid-template-rows:1fr 1fr 1fr;width:22px;height:30px;border-radius:4px;overflow:hidden;box-shadow:inset 0 0 0 1px #0b0c1026}.preset__drum i{display:block}.drow .btn--ghost{background:#2c303b}@media(max-width:900px){.drow__head{padding-right:16px}}