:root{color-scheme:dark;--bg: #050505;--glass: rgba(18, 18, 22, .55);--glass-border: rgba(255, 255, 255, .08);--ink: #e9ecf1;--ink-dim: rgba(233, 236, 241, .55);--accent: #00e5ff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg);overflow:hidden;color:var(--ink)}.stage{position:fixed;inset:0;background:radial-gradient(ellipse at center,#0a0a0f,#050505 60%,#000)}.stage:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.6) 100%);z-index:1}.panel-hotspot{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:10px;background:#0f0f1466;border:1px solid var(--glass-border);border-radius:999px;padding:8px 14px 8px 10px;color:var(--ink-dim);font-size:12px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);z-index:10;transition:color .2s ease,border-color .2s ease}.panel-hotspot:hover{color:var(--ink);border-color:#fff3}.hotspot-dot{width:8px;height:8px;border-radius:50%;background:#00e5ff;box-shadow:0 0 10px #00e5ff,0 0 20px #00e5ff80;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.25);opacity:.7}}.panel{position:fixed;top:20px;right:20px;width:380px;max-height:calc(100vh - 40px);overflow-y:auto;background:var(--glass);border:1px solid var(--glass-border);border-radius:16px;backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);padding:20px 22px;box-shadow:0 20px 60px #0009;opacity:0;pointer-events:none;transform:translateY(-8px) scale(.98);transition:opacity .2s ease,transform .2s ease;z-index:11}.panel.open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.panel-header h1{font-size:15px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0 0 4px}.panel-header p{margin:0 0 16px;font-size:12px;color:var(--ink-dim)}.panel-section{border-top:1px solid var(--glass-border);padding-top:14px;margin-top:14px}.panel-section h2{font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.scale-pill{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;color:var(--ink);background:#ffffff0f;padding:2px 8px;border-radius:999px;letter-spacing:0;text-transform:none}.layer-list{list-style:none;padding:0;margin:0}.layer-group{list-style:none}.layer-decay{margin:2px 0 10px 22px;padding-right:4px}.layer-decay-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}.layer-decay input[type=range]{margin:2px 0 0}.layer-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:6px 0}.layer-meta{display:flex;align-items:center;gap:10px;min-width:0}.layer-meta strong{display:block;font-size:13px;font-weight:500}.layer-meta em{display:block;font-size:11px;color:var(--ink-dim);font-style:normal}.layer-swatch{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentColor;flex-shrink:0}.layer-status{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;color:var(--ink-dim);white-space:nowrap}.toggle{background:transparent;border:none;padding:0;cursor:pointer;--accent: #ffffff}.toggle-track{display:inline-block;width:34px;height:18px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);position:relative;transition:background .2s ease}.toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#ffffff80;transition:left .18s ease,background .18s ease,box-shadow .18s ease}.toggle.on .toggle-track{background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.toggle.on .toggle-thumb{left:18px;background:var(--accent);box-shadow:0 0 8px var(--accent)}input[type=range]{width:100%;appearance:none;background:transparent;margin:8px 0 4px}input[type=range]::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#ffea0099,#00e5ff99,#f0f9);border-radius:999px}input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;margin-top:-6px;box-shadow:0 0 10px #fffc;cursor:pointer}input[type=range]::-moz-range-track{height:3px;background:linear-gradient(90deg,#ffea0099,#00e5ff99,#f0f9);border-radius:999px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#fff;border:none;cursor:pointer;box-shadow:0 0 10px #fffc}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--ink-dim);letter-spacing:.08em;text-transform:uppercase}.theme-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.theme-btn{background:#ffffff0a;color:var(--ink);border:1px solid rgba(255,255,255,.08);padding:8px 6px;border-radius:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .15s,border-color .15s}.theme-btn:hover{background:#ffffff14}.theme-btn.active{background:#ffffff1f;border-color:#ffffff59}.theme-desc{margin:8px 0 0;font-size:11px;color:var(--ink-dim)}.panel-footer{margin-top:16px;padding-top:10px;border-top:1px solid var(--glass-border);font-size:10px;color:var(--ink-dim);letter-spacing:.04em}.wordmark{position:fixed;top:22px;left:50%;transform:translate(-50%);z-index:9;font-size:13px;font-weight:500;letter-spacing:.48em;text-transform:uppercase;color:#e9ecf16b;padding-left:.48em;pointer-events:none;user-select:none;mix-blend-mode:screen}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:999px}