:root{--bg-canvas: #090b0f;--bg-panel: #0e1117;--bg-elevated: #141923;--bg-hover: #1b2230;--border-subtle: #1e2533;--border-strong: #2c364b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #6366f1;--accent-hover: #818cf8;--accent-soft: rgba(99, 102, 241, .14);--emerald: #10b981;--emerald-soft: rgba(16, 185, 129, .14);--amber: #f59e0b;--amber-soft: rgba(245, 158, 11, .14);--rose: #ef4444;--rose-soft: rgba(239, 68, 68, .14);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:13.5px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font-family:inherit;color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#242c3d;border-radius:3px}.lock-shell{height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.12),transparent 55%),var(--bg-canvas)}.lock-card{width:420px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:14px;padding:32px;box-shadow:0 24px 64px #0000008c}.brand-mark{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;letter-spacing:-.02em}.brand-dot{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#6366f1,#4f46e5);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 18px #6366f159}.studio-root{display:flex;flex-direction:column;height:100vh;width:100vw}.topbar{height:52px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 18px;flex-shrink:0}.topbar-left,.topbar-right,.topbar-tabs{display:flex;align-items:center;gap:10px}.tab-btn{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .14s ease}.tab-btn:hover{color:var(--text-primary);background:var(--bg-elevated)}.tab-btn.active{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-strong)}.telemetry-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11.5px;color:var(--text-secondary)}.workstation-grid{flex:1;display:grid;grid-template-columns:310px minmax(0,1fr) 340px;min-height:0}.workstation-grid.no-inspector{grid-template-columns:310px minmax(0,1fr)}.left-rail{background:var(--bg-panel);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;min-height:0}.center-stage{background:var(--bg-canvas);display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:22px 26px}.right-inspector{background:var(--bg-panel);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;min-height:0;overflow-y:auto;padding:18px;gap:16px}.input,.select,.textarea{width:100%;background:var(--bg-canvas);border:1px solid var(--border-subtle);border-radius:8px;padding:8px 11px;color:var(--text-primary);font-size:13px;outline:none;transition:border-color .14s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.mono{font-family:var(--font-mono)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 14px;border-radius:8px;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .14s ease;white-space:nowrap}.btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{color:#fca5a5;border-color:#ef444459;background:var(--rose-soft)}.btn-sm{padding:5px 9px;font-size:11.5px;border-radius:6px}.rail-section{padding:14px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}.pill-strip{display:flex;flex-wrap:wrap;gap:5px}.filter-pill{padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-secondary);cursor:pointer}.filter-pill.active{background:var(--accent-soft);color:#a5b4fc;border-color:#6366f173}.model-scroll{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:7px}.model-item{padding:10px 12px;border-radius:9px;border:1px solid var(--border-subtle);background:var(--bg-canvas);cursor:pointer;transition:all .14s ease;display:flex;flex-direction:column;gap:5px}.model-item:hover{border-color:var(--border-strong);background:var(--bg-elevated)}.model-item.selected{border-color:var(--accent);background:#6366f114}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:10.5px;font-family:var(--font-mono);font-weight:500}.badge-emerald{background:var(--emerald-soft);color:#34d399}.badge-amber{background:var(--amber-soft);color:#fbbf24}.badge-rose{background:var(--rose-soft);color:#f87171}.badge-indigo{background:var(--accent-soft);color:#a5b4fc}.card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:12px;padding:18px}.vram-meter-track{height:9px;border-radius:999px;background:#181f2c;overflow:hidden;border:1px solid var(--border-subtle)}.vram-meter-fill{height:100%;border-radius:999px;transition:width .25s ease}.arena-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.output-box{background:#07090d;border:1px solid var(--border-subtle);border-radius:10px;padding:16px;font-size:13.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word;min-height:160px}.media-preview{max-width:100%;max-height:460px;border-radius:10px;border:1px solid var(--border-subtle);display:block}.dropzone{border:1px dashed var(--border-strong);border-radius:10px;padding:16px;text-align:center;background:#14192380;color:var(--text-secondary);cursor:pointer}.dropzone:hover{border-color:var(--accent);color:var(--text-primary)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#04060ac2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60}.modal-dialog{width:560px;max-width:94vw;max-height:88vh;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px}.label-sm{font-size:11.5px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em;text-transform:uppercase}
