:root{--bg-void: #05070c;--bg-deep: #090d16;--bg-panel: rgba(13, 19, 33, .82);--bg-panel-elevated: rgba(19, 28, 46, .9);--bg-glass: rgba(15, 23, 42, .68);--border-subtle: rgba(148, 163, 184, .14);--border-cyan: rgba(0, 240, 255, .32);--border-orange: rgba(255, 138, 0, .42);--eunjo-orange: #ff8a00;--eunjo-gold: #ffb800;--eunjo-amber-glow: rgba(255, 138, 0, .25);--quantum-cyan: #00f0ff;--quantum-blue: #38bdf8;--harmonic-violet: #a855f7;--signal-emerald: #10b981;--signal-danger: #ef4444;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: "Orbitron", "Pretendard", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;background-color:var(--bg-void);color:var(--text-primary);font-family:var(--font-sans);overflow:hidden;-webkit-font-smoothing:antialiased}.studio-shell{display:flex;width:100vw;height:100vh;position:relative;background:radial-gradient(circle at 18% 12%,rgba(255,138,0,.09) 0%,transparent 42%),radial-gradient(circle at 85% 18%,rgba(0,240,255,.08) 0%,transparent 40%),radial-gradient(circle at 50% 88%,rgba(168,85,247,.07) 0%,transparent 45%),linear-gradient(180deg,#05070c,#090d16)}.studio-shell:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(148,163,184,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.03) 1px,transparent 1px);background-size:36px 36px;pointer-events:none;z-index:0}.slim-dock{width:68px;height:100vh;background:#070a13f0;border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;align-items:center;padding:14px 0;z-index:30;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;justify-content:space-between}.dock-brand{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ff8a0038,#00f0ff24);border:1px solid var(--border-orange);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 18px #ff8a0040;transition:all .25s cubic-bezier(.16,1,.3,1)}.dock-brand:hover{transform:scale(1.06);box-shadow:0 0 24px #ff8a0073}.dock-nav-group{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%}.dock-btn{position:relative;width:44px;height:44px;border-radius:11px;border:1px solid transparent;background:transparent;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.dock-btn:hover{color:var(--text-primary);background:#ffffff0d;border-color:#ffffff1f}.dock-btn.active{color:var(--eunjo-gold);background:linear-gradient(135deg,#ff8a002e,#ffb80012);border-color:#ff8a007a;box-shadow:0 0 16px #ff8a0038}.dock-btn.active:before{content:"";position:absolute;left:-12px;top:10px;bottom:10px;width:3px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,var(--eunjo-orange),var(--quantum-cyan));box-shadow:0 0 10px var(--eunjo-orange)}.dock-btn.cinema-trigger{color:var(--quantum-cyan);border-color:#00f0ff40;background:#00f0ff12}.dock-btn.cinema-trigger:hover{background:#00f0ff29;border-color:var(--quantum-cyan);box-shadow:0 0 16px #00f0ff4d}.dock-tooltip{position:absolute;left:58px;background:#090d16f5;border:1px solid rgba(255,138,0,.4);padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-6px);transition:all .18s ease;z-index:100;box-shadow:0 8px 24px #000000a6;display:flex;align-items:center;gap:8px}.dock-btn:hover .dock-tooltip{opacity:1;transform:translate(0)}.dock-tooltip-title{font-size:12px;font-weight:600;color:var(--text-primary)}.dock-tooltip-sub{font-family:var(--font-mono);font-size:10px;color:var(--eunjo-gold);padding:1px 5px;border-radius:4px;background:#ff8a0024}.studio-main{flex:1;display:flex;flex-direction:column;height:100vh;overflow:hidden;z-index:1}.telemetry-header{height:58px;padding:0 22px;background:#080c15db;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.brand-badge{display:flex;align-items:center;gap:10px}.brand-title{font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:.08em;background:linear-gradient(90deg,#ff8a00,#ffd000,#00f0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.brand-subtitle{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);padding-left:12px;border-left:1px solid var(--border-subtle)}.telemetry-pills{display:flex;align-items:center;gap:10px}.telemetry-pill{display:flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-family:var(--font-mono);font-size:11px;background:#0f172abf;border:1px solid var(--border-subtle);color:var(--text-secondary)}.telemetry-pill.orange{border-color:#ff8a0059;color:var(--eunjo-gold);background:#ff8a0014}.telemetry-pill.cyan{border-color:#00f0ff52;color:var(--quantum-cyan);background:#00f0ff12}.telemetry-pill.emerald{border-color:#10b98159;color:#34d399;background:#10b98114}.pulse-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;animation:pulseGlow 2s infinite ease-in-out}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.workspace-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:20px 24px}.workspace-scroll::-webkit-scrollbar{width:6px}.workspace-scroll::-webkit-scrollbar-track{background:transparent}.workspace-scroll::-webkit-scrollbar-thumb{background:#94a3b838;border-radius:3px}.sci-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:14px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:relative;overflow:hidden;box-shadow:0 12px 32px #00000061}.sci-panel.glow-orange{border-color:#ff8a0052;box-shadow:0 12px 32px #00000073,inset 0 1px #ffb8002e}.sci-panel.glow-cyan{border-color:#00f0ff47;box-shadow:0 12px 32px #00000073,inset 0 1px #00f0ff29}.panel-header{padding:12px 14px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff04}.panel-title-wrap{display:flex;align-items:center;gap:7px;min-width:0}.panel-title{font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--text-primary);white-space:nowrap}.panel-tag{font-family:var(--font-mono);font-size:10px;padding:2px 7px;border-radius:4px;background:#ff8a0024;color:var(--eunjo-gold);border:1px solid rgba(255,138,0,.28);white-space:nowrap;flex-shrink:0}.panel-tag.cyan{background:#00f0ff1a;color:var(--quantum-cyan);border-color:#00f0ff40}.btn-primary-orange{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:9px;border:1px solid rgba(255,184,0,.55);background:linear-gradient(135deg,#ff8a00,#ff5e00);color:#05070c;font-weight:700;font-size:12.5px;line-height:1.2;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #ff8a0052}.btn-primary-orange:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 28px #ff8a008c;filter:brightness(1.08)}.btn-primary-orange:disabled{opacity:.45;cursor:not-allowed}.btn-sci-cyan{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:9px;border:1px solid rgba(0,240,255,.38);background:#00f0ff1a;color:var(--quantum-cyan);font-weight:600;font-size:12px;line-height:1.2;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .2s ease}.btn-sci-cyan:hover:not(:disabled){background:#00f0ff33;box-shadow:0 0 18px #00f0ff47}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;border-radius:8px;border:1px solid var(--border-subtle);background:#ffffff08;color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:all .18s ease}.btn-ghost:hover{color:var(--text-primary);border-color:#ffffff40;background:#ffffff12}.btn-ghost.active{color:var(--eunjo-gold);border-color:var(--eunjo-orange);background:#ff8a001f}.cinema-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:radial-gradient(circle at 50% 42%,#131c31,#05070c 72%);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;animation:cinemaFadeIn .6s ease-out}@keyframes cinemaFadeIn{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.cinema-letterbox-top,.cinema-letterbox-bottom{height:54px;background:#020306;border-bottom:1px solid rgba(255,138,0,.22);display:flex;align-items:center;justify-content:space-between;padding:0 32px;z-index:5}.cinema-letterbox-bottom{border-bottom:none;border-top:1px solid rgba(0,240,255,.22);height:68px}.cinema-stage{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 48px;max-width:1240px;margin:0 auto;width:100%}.cinema-spotlight{position:absolute;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.14) 0%,rgba(0,240,255,.06) 45%,transparent 70%);pointer-events:none;filter:blur(25px)}input[type=range].sci-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:5px;border-radius:99px;background:#94a3b833;outline:none}input[type=range].sci-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border-radius:50%;background:var(--eunjo-orange);border:2px solid #fff;box-shadow:0 0 10px var(--eunjo-orange);cursor:pointer}