:root{--bg: #f5f2ef;--text: #0f0f0f;--muted: #6b6f76;--radius: 0;--elev-0: 0 0 0 1px rgba(0,0,0,.06);--elev-1: 0 4px 14px rgba(0,0,0,.06), var(--elev-0);--elev-2: 0 20px 60px rgba(0,0,0,.07), var(--elev-0);--surface: #fff;--surface-muted: #ebe8e3;--chip-bg: rgba(255,255,255,.85);--ring: #ff5841;--dot: rgba(0,0,0,.25);--active: #111}[data-theme=dark]{--bg: #0e0f10;--text: #e8e8ea;--muted: #9aa0a6;--elev-0: 0 0 0 1px rgba(255,255,255,.08);--elev-1: 0 4px 14px rgba(0,0,0,.4), var(--elev-0);--elev-2: 0 20px 60px rgba(0,0,0,.55), var(--elev-0);--surface: #16181a;--surface-muted: #1f2225;--chip-bg: rgba(22,24,26,.75);--ring: #ff735c;--dot: rgba(255,255,255,.35);--active: #fafafa}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.label{font-size:16px;color:var(--muted)}.controls{display:flex;align-items:center;gap:10px}.view-toggle{display:inline-flex;background:var(--surface-muted);border-radius:999px;padding:6px;box-shadow:var(--elev-0)}.view-toggle button{appearance:none;border:0;background:rgba(0,0,0,0);padding:8px 10px;border-radius:999px;cursor:pointer;display:grid;place-items:center;width:40px;height:40px;color:var(--text)}.view-toggle button[aria-pressed=true]{background:var(--active);color:#fff}.view-toggle button svg{width:20px;height:20px;display:block}.view-toggle button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab, var(--ring), transparent 65%)}.swatches{display:inline-flex;align-items:center;gap:10px;background:var(--surface-muted);padding:6px;border-radius:999px;box-shadow:var(--elev-0)}.swatch{--size: 36px;width:var(--size);height:var(--size);border-radius:999px;border:1px solid var(--surface-muted);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;outline:none;background:var(--sw, #ddd)}.swatch.has-img img{--size: 36px;width:var(--size);height:var(--size)}.swatch:focus-visible,.swatch[aria-pressed=true]{box-shadow:0 0 0 3px color-mix(in oklab, var(--active), transparent 75%) inset,0 0 0 3px color-mix(in oklab, var(--active), transparent 90%);box-shadow:none}.swatch .ring{position:absolute;inset:-3px;border-radius:999px;box-shadow:0 0 0 1px var(--ring) inset;opacity:0;pointer-events:none;transition:opacity .18s ease}.swatch[aria-pressed=true] .ring{opacity:1}.stage{background:rgba(0,0,0,0);border-radius:var(--radius);margin-top:28px;box-shadow:none;position:relative;overflow:hidden;margin-bottom:28px}@media(min-width: 768px){.stage{margin-bottom:0}}.chip{position:absolute;top:16px;left:16px;background:var(--chip-bg);backdrop-filter:blur(6px);border-radius:999px;padding:8px 12px;font-size:12px;color:var(--text);box-shadow:var(--elev-0);z-index:5;display:none}.img-wrap{position:relative;width:100%}#mainImg{display:block;width:100%;height:auto}#mainImg::selection{background:rgba(0,0,0,0)}.img-wrap{position:relative;overflow:hidden}.img-wrap>img{display:block;width:100%;height:auto}.img{width:100%;height:auto;max-width:100%;object-fit:contain;transition:opacity .25s ease,transform .25s ease}@media(prefers-reduced-motion: reduce){.img{transition:none}}.slider-controls{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}.arrow{align-self:center;justify-self:start;width:56px;height:56px;padding:16px;border:0;border-radius:50%;background:var(--surface);color:var(--text);box-shadow:var(--elev-2);cursor:pointer;pointer-events:auto;margin-left:12px}.arrow.right{justify-self:end;margin-left:0;margin-right:12px}.arrow:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab, var(--ring), transparent 65%),var(--elev-2)}@media(prefers-reduced-motion: reduce){.arrow{transition:none}}.dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:8px}.dot{width:9px;height:9px;border-radius:999px;background:var(--dot);border:1px solid var(--dot);cursor:pointer}.dot[aria-current=true]{background:var(--active);border-color:var(--active)}.dot:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab, var(--ring), transparent 65%)}@media(max-width: 640px){.swatch{--size: 30px}}/*# sourceMappingURL=picker.configurator.min.css.map */