@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)}}