@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";:root{--bg:#0a0a0f;--surface:#ffffff0a;--border:#ffffff14;--text:#f0ede8;--text-muted:#9e9a94;--gold:#d4a843;--font:"Outfit", sans-serif;--radius:14px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg);width:100%;height:100%;font-family:var(--font);color:var(--text);overflow:hidden}.showroom-root{grid-template-columns:1fr 320px;width:100vw;height:100vh;display:grid;position:relative}.canvas-wrapper{background:radial-gradient(at 50% 40%,#1a1208 0%,#0a0a0f 70%);position:relative;overflow:hidden}.canvas-wrapper:before{content:"";pointer-events:none;z-index:1;background:radial-gradient(circle at 20% 80%,#d4a8430f 0%,#0000 50%),radial-gradient(circle at 80% 20%,#a8d8ea0d 0%,#0000 50%);position:absolute;inset:0}.selector-panel{border-left:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffff05;flex-direction:column;gap:24px;padding:48px 28px;display:flex}.selector-title{letter-spacing:-.02em;background:linear-gradient(135deg, var(--gold) 0%, #f0ede8 60%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.selector-subtitle{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin-top:-18px;font-size:.75rem;font-weight:400}.selector-buttons{flex-direction:column;gap:10px;display:flex}.selector-btn{all:unset;cursor:pointer;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-family:var(--font);padding:14px 18px;font-size:.95rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.selector-btn:before{content:"";background:var(--accent,var(--gold));border-radius:0 2px 2px 0;width:3px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.selector-btn:hover{color:var(--text);background:#ffffff12;border-color:#ffffff24;transform:translate(4px)}.selector-btn.active{color:var(--text);border-color:var(--accent,var(--gold));box-shadow:0 0 20px -8px var(--accent,var(--gold));background:#ffffff17;transform:translate(6px)}.selector-btn.active:before{transform:scaleY(1)}.selector-status{color:var(--text-muted);border-top:1px solid var(--border);align-items:center;gap:8px;margin-top:auto;padding-top:24px;font-size:.78rem;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.loaded{background:#4ade80;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #4ade8088}.status-dot.loading{background:var(--gold);animation:.8s ease-in-out infinite pulse;box-shadow:0 0 8px #d4a84388}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (width<=700px){.showroom-root{grid-template-rows:1fr auto;grid-template-columns:1fr}.selector-panel{border-left:none;border-top:1px solid var(--border);flex-direction:row;align-items:center;gap:12px;padding:20px}.selector-title,.selector-subtitle{display:none}.selector-buttons{flex-direction:row}.selector-status{border-top:none;margin-top:0;padding-top:0}}