:root{color-scheme:dark;--bg-dark: #090a0f;--bg-panel: rgba(14, 16, 23, .78);--bg-panel-hover: rgba(22, 26, 38, .88);--border-subtle: rgba(255, 255, 255, .08);--border-active: rgba(224, 180, 105, .45);--text-primary: #f0f3f8;--text-muted: #8b92a4;--accent-gold: #e0b469;--accent-cyan: #79d7c6;--font-sans: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html,body{width:100%;height:100%;overflow:hidden;background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-sans);user-select:none;-webkit-user-select:none;touch-action:none}#app{width:100%;height:100%;position:relative;display:flex;flex-direction:column}#viewport{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;display:block}.header{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:linear-gradient(180deg,rgba(9,10,15,.85) 0%,transparent 100%);pointer-events:none}.header>*{pointer-events:auto}.brand-group{display:flex;align-items:center;gap:14px}.brand-title{font-size:15px;font-weight:700;letter-spacing:.12em;color:var(--text-primary);text-transform:uppercase}.brand-badge{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border-radius:4px;border:1px solid var(--border-subtle);background:#ffffff0a;color:var(--accent-gold)}.header-status{display:flex;align-items:center;gap:20px}.regime-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:999px;font-size:12px;font-family:var(--font-mono);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.regime-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-gold);box-shadow:0 0 8px var(--accent-gold)}.btn-icon{background:var(--bg-panel);border:1px solid var(--border-subtle);color:var(--text-primary);width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-icon:hover{background:var(--bg-panel-hover);border-color:#fff3}.btn-icon.active{border-color:var(--accent-gold);color:var(--accent-gold)}.btn-icon svg{width:18px;height:18px}.panel-presets{position:absolute;top:90px;left:32px;bottom:32px;width:240px;z-index:10;display:flex;flex-direction:column;gap:8px;overflow-y:auto;pointer-events:auto;scrollbar-width:none}.panel-presets::-webkit-scrollbar{display:none}.specimen-card{display:flex;flex-direction:column;padding:12px 14px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:8px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.specimen-card:hover{background:var(--bg-panel-hover);border-color:#ffffff29;transform:translate(3px)}.specimen-card.active{background:#1e1a14d9;border-color:var(--accent-gold);box-shadow:0 4px 20px #0006}.specimen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.specimen-code{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.specimen-name{font-size:14px;font-weight:600;color:var(--text-primary)}.specimen-card.active .specimen-name{color:var(--accent-gold)}.specimen-desc{font-size:11px;line-height:1.4;color:var(--text-muted)}.panel-controls{position:absolute;top:90px;right:32px;width:280px;z-index:10;display:flex;flex-direction:column;gap:16px;pointer-events:auto}.glass-card{padding:18px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px #00000059}.card-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.phase-box{position:relative;width:100%;height:160px;border-radius:6px;overflow:hidden;border:1px solid var(--border-subtle);cursor:crosshair}#phase-canvas{width:100%;height:100%;display:block}.phase-crosshair{position:absolute;width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 8px #000c}.param-row{display:flex;flex-direction:column;gap:6px;margin-top:10px}.param-header{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.param-value{color:var(--accent-gold)}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:#ffffff1f;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-gold);cursor:pointer;box-shadow:0 0 6px #00000080;transition:transform .1s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}.toolbar-bottom{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:10;display:flex;align-items:center;gap:12px;padding:8px 16px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.tool-item{display:flex;align-items:center;gap:6px;padding:6px 14px;background:transparent;border:1px solid transparent;border-radius:999px;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.tool-item:hover{color:var(--text-primary);background:#ffffff0d}.tool-item.active{color:var(--text-primary);background:#ffffff1a;border-color:var(--border-subtle)}.divider{width:1px;height:18px;background:var(--border-subtle)}.palette-dots{display:flex;gap:8px}.palette-dot{width:18px;height:18px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.palette-dot:hover{transform:scale(1.15)}.palette-dot.active{border-color:#fff;transform:scale(1.2)}.shortcuts-hint{position:absolute;bottom:12px;left:32px;font-family:var(--font-mono);font-size:10px;color:#ffffff59;pointer-events:none;z-index:10}@media(max-width:960px){.panel-presets{display:none}.panel-controls{width:240px;right:16px;top:75px}.header{padding:16px}}