:root,[data-theme=dark]{--bg-main: #0a0d14;--bg-surface: #101522;--bg-card: #151c2e;--bg-card-sub: #1b243b;--bg-input: #0c111c;--border: #222d45;--border-light: #2b3958;--border-highlight: #3b82f6;--text-main: #f8fafc;--text-sub: #94a3b8;--text-muted: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: rgba(37, 99, 235, .15);--green: #10b981;--green-hover: #059669;--green-light: rgba(16, 185, 129, .12);--red: #ef4444;--red-hover: #dc2626;--red-light: rgba(239, 68, 68, .15);--yellow: #f59e0b;--header-bg: #0d121e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 14px rgba(0, 0, 0, .45);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .65)}[data-theme=light]{--bg-main: #f1f5f9;--bg-surface: #ffffff;--bg-card: #ffffff;--bg-card-sub: #f8fafc;--bg-input: #f1f5f9;--border: #cbd5e1;--border-light: #e2e8f0;--border-highlight: #2563eb;--text-main: #0f172a;--text-sub: #475569;--text-muted: #94a3b8;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: rgba(37, 99, 235, .1);--green: #059669;--green-hover: #047857;--green-light: rgba(5, 150, 105, .1);--red: #dc2626;--red-hover: #b91c1c;--red-light: rgba(220, 38, 38, .1);--yellow: #d97706;--header-bg: #ffffff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .12)}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-main);color:var(--text-main);height:100vh;width:100vw;overflow:hidden;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #ef4444d9}50%{opacity:.45;transform:scale(.92);box-shadow:0 0 2px #ef444466}}.live-beacon{animation:pulseLive 1.8s infinite ease-in-out}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}input,select,textarea,button{font-family:inherit}.studio-header{height:64px;background:var(--header-bg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0;box-shadow:var(--shadow-sm);z-index:20}.studio-brand-wrap{display:flex;align-items:center;gap:12px}.studio-brand-icon{width:38px;height:38px;border-radius:8px;background:linear-gradient(135deg,#1d4ed8,#2563eb);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #2563eb59;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.studio-brand-meta{display:flex;flex-direction:column}.studio-brand-title-row{display:flex;align-items:center;gap:8px}.studio-brand-title{font-size:16px;font-weight:900;letter-spacing:.5px;color:var(--text-main);text-transform:uppercase}.studio-brand-badge{font-size:10px;font-weight:800;color:#60a5fa;background:#2563eb29;border:1px solid rgba(59,130,246,.35);padding:2px 7px;border-radius:4px;letter-spacing:.6px;text-transform:uppercase}.studio-brand-sub{font-size:10.5px;font-weight:600;color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-top:1px}.studio-header-center{display:flex;align-items:center;gap:10px}.studio-status-pill{display:flex;align-items:center;gap:8px;background:var(--bg-card);padding:6px 16px;border-radius:30px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.studio-header-actions{display:flex;align-items:center;gap:8px}.studio-header-mobile-only{display:none!important}.studio-header-desktop-only{display:flex!important}@media(max-width:900px){.studio-header-desktop-only{display:none!important}.studio-header-mobile-only{display:flex!important}html,body{height:auto!important;min-height:100vh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-user-select:auto!important;user-select:auto!important}.studio-container{height:auto!important;min-height:100vh!important;overflow:visible!important;display:flex!important;flex-direction:column!important}.studio-header{height:auto!important;min-height:auto!important;padding:10px 14px!important;display:flex!important;flex-direction:column!important;gap:8px!important}.studio-header-mobile-row1{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important}.studio-brand-sub{display:none!important}.studio-header-mobile-row2{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:6px!important;padding-top:6px!important;border-top:1px solid var(--border)!important}.studio-workspace{flex-direction:column!important;height:auto!important;overflow:visible!important}.studio-monitor-pane{padding:10px!important;height:auto!important;overflow:visible!important;flex:none!important}.studio-monitor-screen{width:100%!important;aspect-ratio:16 / 9!important;height:auto!important;max-height:56vw!important;border-radius:8px!important;flex:none!important}.studio-controls-bar{height:auto!important;padding:10px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:8px!important}.studio-controls-subrow{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:6px!important;flex-wrap:wrap!important}.studio-sidebar{width:100%!important;min-width:100%!important;max-width:100%!important;border-left:none!important;border-top:1px solid var(--border)!important;height:auto!important;overflow:visible!important;flex:none!important}.studio-tabs-bar{overflow-x:auto!important;white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;padding:0 4px!important;display:flex!important}.studio-tab-btn{padding:12px 14px!important;font-size:13px!important;flex-shrink:0!important}.studio-tab-panel{padding:14px!important;overflow:visible!important;height:auto!important}.studio-presenter-bar{width:calc(100% - 20px)!important;max-width:460px!important;padding:6px 12px!important;gap:8px!important;font-size:12px!important}input,select,textarea{font-size:15px!important}}