@layer reset,base,theme,components,utilities;@layer reset{html,body,div,span,h1,h2,h3,h4,p,button,input,dialog,figure,canvas{margin:0;padding:0;box-sizing:border-box}}@layer theme{:root{color-scheme:light;--color-primary: #2b2121;--color-accent: #9e2a47;--color-gold: #b8892e;--color-ink: #2b2121;--color-body: #4a3a3a;--color-body-strong: #2b2121;--color-muted: #7d6767;--color-muted-soft: #9e8888;--color-hairline: #e4d3cc;--color-hairline-strong: #cbb3aa;--color-canvas: #faf4ef;--color-surface-soft: #f5ebe4;--color-surface-card: rgba(255, 252, 249, .92);--color-surface-elevated: #ffffff;--color-on-primary: #ffffff;--color-on-dark: #2b2121;--color-on-photo: #2b2121;--color-link: #9e2a47;--color-warning: #c96a1b;--color-success: #2e7d47;--font-display: "Saira Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-text: "Cormorant Garamond", Garamond, "Times New Roman", serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Mono", monospace;--rounded-none: 0px;--rounded-pill: 9999px;--rounded-full: 9999px;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-xxl: 64px;--space-section: 120px}}@layer base{html,body,#root{width:100%;height:100%;overflow:hidden;background-color:var(--color-canvas);color:var(--color-ink);font-family:var(--font-text);font-weight:400;-webkit-font-smoothing:antialiased;user-select:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:400;text-transform:uppercase;color:var(--color-ink)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--color-surface-soft)}::-webkit-scrollbar-thumb{background:var(--color-hairline-strong)}}@layer components{.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background-color:#ffffffc7;color:var(--color-ink);font-family:var(--font-mono);font-size:12px;font-weight:400;line-height:1;letter-spacing:2px;text-transform:uppercase;border-radius:var(--rounded-pill);border:1px solid var(--color-primary);padding:12px 24px;min-height:42px;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .12s ease,box-shadow .18s ease;white-space:nowrap}.btn-pill:hover:not(:disabled){background-color:#f3e4de;transform:translateY(-1px)}.btn-pill:active:not(:disabled),.btn-pill[aria-pressed=true]{background-color:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 4px 14px #2b21212e}.btn-pill-cta{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 6px 20px #9e2a4747}.btn-pill-cta:hover:not(:disabled){background-color:#821f38;color:#fff;border-color:#821f38}.btn-pill:disabled{opacity:.38;cursor:not-allowed}.btn-pill-sm{min-height:32px;padding:7px 14px;font-size:11px;letter-spacing:1.8px}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background-color:#ffffffd9;color:var(--color-ink);border:1px solid var(--color-primary);border-radius:var(--rounded-full);cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .12s ease}.btn-icon:hover:not(:disabled),.btn-icon[aria-pressed=true]{background-color:var(--color-primary);color:var(--color-on-primary);transform:scale(1.05)}.surface-panel{background-color:var(--color-surface-card);border:1px solid var(--color-hairline);border-radius:var(--rounded-none);color:var(--color-ink);backdrop-filter:blur(16px);box-shadow:0 12px 36px #412a2614}.spec-cell{background-color:transparent;border-bottom:1px solid var(--color-hairline);padding:10px 0}.spec-value{font-family:var(--font-display);font-size:20px;font-weight:400;letter-spacing:1.5px;color:var(--color-ink);text-transform:uppercase}.spec-label{font-family:var(--font-mono);font-size:10px;font-weight:400;letter-spacing:1.8px;color:var(--color-muted);text-transform:uppercase;margin-top:3px}.input-underlined{width:100%;height:40px;background-color:transparent;color:var(--color-ink);font-family:var(--font-text);font-size:16px;font-weight:400;border:none;border-bottom:1px solid var(--color-hairline-strong);border-radius:var(--rounded-none);padding:8px 0;outline:none;transition:border-color .2s ease}.input-underlined::placeholder{color:var(--color-muted-soft)}.input-underlined:focus{border-bottom:1px solid var(--color-accent)}.color-swatch{forced-color-adjust:none;width:28px;height:28px;border-radius:var(--rounded-none);border:1px solid var(--color-hairline-strong);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.color-swatch[aria-pressed=true],.color-swatch:hover{border-color:var(--color-primary);transform:scale(1.1);box-shadow:0 2px 8px #2b212133}.atelier-range{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:var(--color-hairline-strong);outline:none;cursor:pointer}.atelier-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:var(--rounded-full);background:#fff;border:2px solid var(--color-primary);cursor:pointer;transition:background-color .15s ease,transform .15s ease}.atelier-range::-webkit-slider-thumb:hover{background:var(--color-accent);border-color:var(--color-accent);transform:scale(1.15)}dialog.atelier-dialog{margin:auto;background-color:#fffcf9;color:var(--color-ink);border:1px solid var(--color-hairline-strong);border-radius:var(--rounded-none);padding:0;max-width:94vw;max-height:92vh;box-shadow:0 24px 64px #2b21213d}dialog.atelier-dialog:modal{overscroll-behavior:contain}dialog.atelier-dialog::backdrop{overflow:hidden;overscroll-behavior:contain;background-color:#2b21218c;backdrop-filter:blur(8px)}.hud-banner{position:fixed;top:68px;left:calc(50% + 140px);transform:translate(-50%);z-index:15;pointer-events:none;background-color:#fffcf9eb;border:1px solid var(--color-hairline-strong);box-shadow:0 4px 16px #412a260f;padding:8px 18px;font-family:var(--font-mono);font-size:10px;letter-spacing:1.8px;color:var(--color-ink);text-transform:uppercase;text-align:center}.tier-panel{position:fixed;top:72px;left:20px;width:268px;z-index:18;padding:18px;display:flex;flex-direction:column;gap:12px;max-height:calc(100dvh - 96px);overflow-y:auto}.tier-panel>summary{list-style:none;cursor:pointer}.tier-panel>summary::-webkit-details-marker{display:none}.control-deck{position:fixed;bottom:16px;left:304px;right:20px;z-index:18;display:flex;flex-direction:column}.deck-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--color-hairline);background-color:var(--color-surface-soft)}.deck-tab{flex:1 0 auto;display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 13px;background-color:transparent;color:var(--color-muted);border:none;border-bottom:2px solid transparent;border-right:1px solid var(--color-hairline);font-family:var(--font-mono);font-size:10px;letter-spacing:1.6px;text-transform:uppercase;cursor:pointer;transition:color .15s ease,background-color .15s ease}.deck-tab[aria-selected=true]{background-color:var(--color-surface-card);color:var(--color-primary);border-bottom-color:var(--color-accent)}.deck-body{padding:14px 18px;min-height:150px;display:flex;align-items:center}.stage-grid{width:100%;display:grid;grid-template-columns:var(--cols, 1fr);gap:18px;align-items:start}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.deck-handle,.nav-menu-btn,.nav-popover{display:none}@media(max-width:820px){.hud-banner{display:none}.tier-panel{top:60px;left:8px;width:auto;max-width:calc(100dvw - 16px);padding:8px 12px;gap:10px;max-height:46dvh}.tier-panel[open]{width:min(300px,calc(100dvw - 16px))}.control-deck{left:0;right:0;bottom:0;border-left:none;border-right:none;border-bottom:none;padding-bottom:env(safe-area-inset-bottom)}.deck-handle{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-bottom:1px solid var(--color-hairline)}.deck-tab{flex:1 0 64px;flex-direction:column;gap:3px;padding:8px 6px 6px;font-size:8px;letter-spacing:1px;border-right:none}.deck-tab-num{display:none}.deck-body{min-height:0;max-height:38dvh;overflow-y:auto;overscroll-behavior:contain;align-items:flex-start;padding:12px}.stage-grid{grid-template-columns:1fr;gap:14px}.chip-row.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr))}.chip-row.tiles>.btn-pill{flex-direction:column;gap:5px;min-height:62px;padding:8px 4px;border-radius:var(--rounded-none);white-space:normal;text-align:center;font-size:8.5px;letter-spacing:.8px;line-height:1.25}.nav-desktop-only{display:none!important}.nav-menu-btn{display:inline-flex}.nav-popover:popover-open{display:flex;flex-direction:column;gap:12px;position:fixed;inset:58px 8px auto;margin:0;width:auto;max-height:calc(100dvh - 72px);overflow-y:auto;padding:14px;background-color:#fffcf9;color:var(--color-ink);border:1px solid var(--color-hairline-strong);box-shadow:0 18px 44px #2b212133}}}