: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:#2563eb26;--green:#10b981;--green-hover:#059669;--green-light:#10b9811f;--red:#ef4444;--red-hover:#dc2626;--red-light:#ef444426;--yellow:#f59e0b;--header-bg:#0d121e;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 14px #00000073;--shadow-lg:0 12px 32px #000000a6}[data-theme=light]{--bg-main:#f1f5f9;--bg-surface:#fff;--bg-card:#fff;--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:#2563eb1a;--green:#059669;--green-hover:#047857;--green-light:#0596691a;--red:#dc2626;--red-hover:#b91c1c;--red-light:#dc26261a;--yellow:#d97706;--header-bg:#fff;--shadow-sm:0 1px 3px #00000014;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 10px 25px #0000001f}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background:var(--bg-main);color:var(--text-main);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;transition:background-color .2s,color .2s;overflow:hidden}@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:1.8s ease-in-out infinite pulseLive}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-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{background:var(--header-bg);border-bottom:1px solid var(--border);height:64px;box-shadow:var(--shadow-sm);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.studio-brand-wrap{align-items:center;gap:12px;display:flex}.studio-brand-icon{background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 100%);border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 8px #2563eb59}.studio-brand-meta{flex-direction:column;display:flex}.studio-brand-title-row{align-items:center;gap:8px;display:flex}.studio-brand-title{letter-spacing:.5px;color:var(--text-main);text-transform:uppercase;font-size:16px;font-weight:900}.studio-brand-badge{color:#60a5fa;letter-spacing:.6px;text-transform:uppercase;background:#2563eb29;border:1px solid #3b82f659;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:800}.studio-brand-sub{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-top:1px;font-size:10.5px;font-weight:600}.studio-header-center{align-items:center;gap:10px;display:flex}.studio-status-pill{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:30px;align-items:center;gap:8px;padding:6px 16px;display:flex}.studio-header-actions{align-items:center;gap:8px;display:flex}.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{-webkit-user-select:auto!important;user-select:auto!important;height:auto!important;min-height:100vh!important;overflow:hidden auto!important}.studio-container{flex-direction:column!important;height:auto!important;min-height:100vh!important;display:flex!important;overflow:visible!important}.studio-header{flex-direction:column!important;gap:8px!important;height:auto!important;min-height:auto!important;padding:10px 14px!important;display:flex!important}.studio-header-mobile-row1{justify-content:space-between!important;align-items:center!important;width:100%!important;display:flex!important}.studio-brand-sub{display:none!important}.studio-header-mobile-row2{border-top:1px solid var(--border)!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;padding-top:6px!important;display:flex!important}.studio-workspace{flex-direction:column!important;height:auto!important;overflow:visible!important}.studio-monitor-pane{flex:none!important;height:auto!important;padding:10px!important;overflow:visible!important}.studio-monitor-screen{aspect-ratio:16/9!important;border-radius:8px!important;flex:none!important;width:100%!important;height:auto!important;max-height:56vw!important}.studio-controls-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;height:auto!important;padding:10px!important;display:flex!important}.studio-controls-subrow{flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;width:100%!important;display:flex!important}.studio-sidebar{border-left:none!important;border-top:1px solid var(--border)!important;flex:none!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:auto!important;overflow:visible!important}.studio-tabs-bar{white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;padding:0 4px!important;display:flex!important;overflow-x:auto!important}.studio-tab-btn{flex-shrink:0!important;padding:12px 14px!important;font-size:13px!important}.studio-tab-panel{height:auto!important;padding:14px!important;overflow:visible!important}.studio-presenter-bar{gap:8px!important;width:calc(100% - 20px)!important;max-width:460px!important;padding:6px 12px!important;font-size:12px!important}input,select,textarea{font-size:15px!important}}@keyframes studioModalFadeIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.studio-official-modal{animation:.22s cubic-bezier(.16,1,.3,1) forwards studioModalFadeIn}.studio-official-modal input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb40!important}.studio-quick-tag:hover{filter:brightness(1.1);transform:translateY(-1px)}