:root{color-scheme:dark;--bg: #07111f;--panel: rgba(10, 18, 33, .88);--panel-border: rgba(143, 164, 196, .18);--text: #eef5ff;--muted: #8da4c4;--accent: #4cc2ff;--accent-2: #6af2c5;--danger: #ff7b7b;--shadow: 0 26px 70px rgba(1, 7, 18, .45)}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Tahoma,sans-serif;background:radial-gradient(circle at top left,rgba(76,194,255,.18),transparent 28%),radial-gradient(circle at top right,rgba(106,242,197,.12),transparent 24%),linear-gradient(180deg,#06101d,#0b1526 45%,#08101c);color:var(--text)}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;border:1px solid var(--panel-border);border-radius:14px;padding:.8rem .95rem;background:#060d18e0;color:var(--text)}textarea{min-height:84px;resize:vertical}.auth-shell,.app-shell{min-height:100vh}.auth-shell{display:grid;place-items:center;padding:2rem}.auth-card,.details-card,.panel,.metric-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.auth-card{width:min(460px,100%);border-radius:28px;padding:2rem;display:grid;gap:1rem}.auth-card button,.primary-btn{border:0;border-radius:14px;background:linear-gradient(90deg,var(--accent),#3098ff);color:#03101f;font-weight:700;padding:.9rem 1.1rem;cursor:pointer}.ghost-btn{border:1px solid var(--panel-border);border-radius:14px;background:#0f1929cc;color:var(--text);padding:.8rem 1rem;cursor:pointer}.app-shell{display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid var(--panel-border);padding:1.2rem;background:#040a13c7;display:flex;flex-direction:column;gap:1rem}.brand{display:flex;gap:.85rem;align-items:center}.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04121d;font-weight:800}.eyebrow{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.channel-list{display:grid;gap:.6rem;overflow:auto}.channel-item{border:1px solid var(--panel-border);background:#0b1423d9;color:var(--text);border-radius:16px;padding:.9rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.channel-item.active{outline:1px solid rgba(76,194,255,.55);background:#0d1f34f0}.status-dot{color:var(--muted);font-size:.76rem}.status-dot.live{color:var(--accent-2)}.sidebar-footer{margin-top:auto;display:grid;gap:.6rem}.main-panel{padding:1.2rem}.topbar{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1rem}.health-strip{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:.8rem}.metric-card{border-radius:18px;padding:.9rem 1rem;min-width:100px}.metric-card span{color:var(--muted);display:block;margin-bottom:.35rem}.details-card{border-radius:28px;padding:1rem}.tabs{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}.tab{border:1px solid var(--panel-border);background:#070f1bb3;color:var(--muted);padding:.7rem 1rem;border-radius:999px;text-transform:capitalize;cursor:pointer}.tab.active{color:var(--text);background:#152c47f5}.empty-state,.panel{border-radius:24px;padding:1.2rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel h3{margin:0}.form-grid,.overview-grid,.outputs-layout,.overlay-layout{display:grid;gap:1rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.outputs-layout,.overlay-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.button-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.pill{padding:.3rem .7rem;border-radius:999px;border:1px solid var(--panel-border);color:var(--muted)}.pill-live{color:var(--accent-2)}.runtime-row,.output-row,.event-row{border:1px solid var(--panel-border);border-radius:18px;padding:.9rem;background:#080e19bd}.runtime-row,.output-row{display:grid;gap:1rem;align-items:center}.runtime-row{grid-template-columns:1fr auto}.outputs-table{display:grid;gap:.8rem}.output-row{grid-template-columns:1.5fr 180px 110px}.output-title{display:flex;gap:.6rem;align-items:center;margin-bottom:.6rem}.protocol-chip{font-size:.74rem;border-radius:999px;background:#4cc2ff1f;color:var(--accent);padding:.18rem .55rem}.output-main,.output-metrics,.output-actions{display:grid;gap:.55rem}.toggle{display:flex;gap:.5rem;align-items:center}.toggle input{width:auto}.canvas-stage{position:relative;aspect-ratio:16 / 9;border-radius:22px;border:1px dashed rgba(141,164,196,.25);background:linear-gradient(rgba(141,164,196,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(141,164,196,.08) 1px,transparent 1px),linear-gradient(180deg,#09101d,#0f1b30);background-size:48px 48px,48px 48px,auto;overflow:hidden}.canvas-item{position:absolute;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(76,194,255,.45);background:#4cc2ff1f;font-size:.78rem}.canvas-item.ticker,.canvas-item.text{border-color:#6af2c580;background:#6af2c524}.overlay-form{display:grid;gap:.65rem;margin-bottom:.85rem}.mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.event-list{display:grid;gap:.7rem}.event-row span{color:var(--muted);display:block}.event-row p{margin:.35rem 0 0}.error-text,.error-box{color:var(--danger)}.muted{color:var(--muted)}code{display:block;overflow-wrap:anywhere;padding:.7rem .85rem;border-radius:14px;background:#03070ef2;border:1px solid rgba(143,164,196,.12);margin-bottom:.8rem}label{display:grid;gap:.45rem;color:var(--muted)}@media (max-width: 1120px){.app-shell,.overview-grid,.outputs-layout,.overlay-layout{grid-template-columns:1fr}.topbar{flex-direction:column}.health-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.output-row{grid-template-columns:1fr}}@media (max-width: 820px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--panel-border)}.form-grid,.mini-grid{grid-template-columns:1fr}}:root{color-scheme:dark;--panel-bg: rgba(56, 56, 56, .84);--panel-line: rgba(255, 255, 255, .16);--text-soft: rgba(255, 255, 255, .72);--green: #33d04f;--red: #ff505f}body{background:#1f1c20;color:#fff;font-family:Segoe UI,Tahoma,sans-serif}.auth-screen,.workspace-screen{min-height:100vh;background:linear-gradient(#131214d1,#131214e6),var(--auth-bg, var(--workspace-bg)) center/cover no-repeat,radial-gradient(circle at top right,rgba(135,89,180,.14),transparent 26%)}.auth-screen{padding:3rem;display:grid;grid-template-rows:auto 1fr auto}.auth-brand,.workspace-brand{display:flex;align-items:center;gap:1rem}.auth-brand-logo,.workspace-logo{width:84px;height:84px;object-fit:contain}.brand-title,.workspace-brand-title{font-size:2.8rem;font-weight:300}.brand-subtitle,.workspace-brand-subtitle{color:var(--text-soft);font-size:.98rem;letter-spacing:.08em;text-transform:uppercase}.login-card,.livestream-card,.publication-card,.modal-shell{background:var(--panel-bg);border:1px solid var(--panel-line);box-shadow:0 24px 80px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-card{width:min(460px,100%);margin:auto;padding:2rem;border-radius:6px;display:grid;gap:1rem}.login-title{font-size:1.4rem;font-weight:600}.auth-footer,.workspace-footer{background:#383134e0;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem}.footer-logo{width:38px;height:38px;object-fit:contain}.workspace-screen{display:grid;grid-template-rows:auto 1fr auto}.workspace-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 3rem 1rem}.workspace-tools,.panel-actions,.primary-actions,.connect-actions,.modal-actions,.footer-left,.footer-right{display:flex;align-items:center;gap:.75rem}.channel-switcher,.round-tool,.icon-btn,.action-primary,.action-secondary,.mini-btn,.publication-tab,.workspace-tab,.editor-nav-item,.preset-card,.switch-slider{border:1px solid var(--panel-line)}.channel-switcher,.round-tool,.icon-btn,.action-primary,.action-secondary,.mini-btn,.publication-tab,.workspace-tab,.editor-nav-item{background:#3d3d3de0;color:#fff}.channel-switcher{min-width:210px;border-radius:4px}.round-tool,.icon-btn{width:54px;height:54px;border-radius:999px;font-size:1.2rem}.icon-btn.small{width:34px;height:34px;font-size:.92rem}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.9fr);gap:1.5rem;padding:1rem 3rem 2rem;align-items:start}.livestream-card,.publication-card{padding:1.4rem;border-radius:6px}.panel-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.panel-heading{font-size:1.05rem;font-weight:700;letter-spacing:.03em}.preview-frame{aspect-ratio:16 / 9;background:#000;display:grid;place-items:center;margin-bottom:1rem}.preview-video,.preview-frame video{width:100%;height:100%;background:#000}.preview-empty{color:#fff;font-size:1rem}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem}.stat-box,.publication-metrics{background:#59595994;border:1px solid rgba(255,255,255,.08);padding:.85rem;text-align:center}.stat-box strong,.publication-metrics strong{display:block;font-size:1.8rem}.stat-box span,.publication-metrics span,.publication-sub,.details-row span,.report-line span{color:var(--text-soft)}.connect-block,.details-box,.report-box,.publication-list,.custom-publication,.editor-content{display:grid;gap:.85rem}.action-primary,.action-secondary,.mini-btn,.publication-tab,.workspace-tab,.editor-nav-item{padding:.78rem 1rem;border-radius:4px}.action-primary{background:#2b2b2beb;border-color:var(--green)}.action-secondary.danger{border-color:var(--red)}.workspace-tabs,.publication-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.workspace-tab.active,.publication-tab.active,.editor-nav-item.active{background:var(--green);color:#fff;border-color:var(--green)}.details-row,.publication-item,.report-line,.info-card{border-top:1px solid rgba(255,255,255,.12);padding-top:.8rem}.details-row code{display:block;margin-top:.3rem;word-break:break-all;background:transparent;border:0;padding:0;color:#fff}.publication-main,.publication-runtime,.publication-toggle,.editor-layout{display:flex;justify-content:space-between;align-items:center}.publication-item strong{display:block}.publication-item span{font-size:.92rem}.switch{position:relative;display:inline-flex;width:62px;height:32px}.switch input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#ffffff29}.switch-slider:before{content:"";position:absolute;width:24px;height:24px;left:4px;top:3px;border-radius:50%;background:#fff;transition:transform .2s ease}.switch input:checked+.switch-slider{background:#33d04f59}.switch input:checked+.switch-slider:before{transform:translate(29px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;padding:2rem}.modal-shell{width:min(1020px,100%);max-height:88vh;overflow:auto;padding:1.4rem}.modal-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.editor-layout{align-items:start;gap:1.25rem}.editor-nav{width:240px;display:grid;gap:.5rem}.editor-nav-item{text-align:left}.editor-content{flex:1}.modal-grid,.preset-grid{display:grid;gap:1rem}.modal-grid{grid-template-columns:repeat(2,1fr)}.full-span{grid-column:1 / -1}.preset-grid{grid-template-columns:repeat(4,1fr)}.preset-card{min-height:140px;background:#353535c7;color:#fff;display:grid;place-items:center;text-align:center;gap:.4rem;padding:1rem}.error-inline{color:#ff9494}@media (max-width: 1100px){.workspace-grid,.modal-grid,.preset-grid{grid-template-columns:1fr}.workspace-header,.workspace-grid{padding-left:1rem;padding-right:1rem}.editor-layout{flex-direction:column}.editor-nav{width:100%}}.workspace-header{gap:1rem;padding:1.1rem 2.2rem .65rem}.workspace-logo,.auth-brand-logo{width:118px;height:42px}.workspace-brand-title,.brand-title{font-size:2.25rem;line-height:1.02}.channel-switcher{min-width:340px;height:50px;padding:0 1rem}.round-tool,.icon-btn{width:46px;height:46px;display:grid;place-items:center}.icon-btn.small{width:38px;height:38px}.workspace-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.78fr);gap:1rem;padding:.7rem 2.2rem 1.1rem}.livestream-card,.publication-card{padding:1rem}.preview-frame.compact,.preview-frame{aspect-ratio:16 / 7.4;max-height:390px;margin-bottom:.75rem;overflow:hidden}.stat-strip{gap:.6rem;margin-bottom:.75rem}.stat-box,.publication-metrics{padding:.66rem}.stat-box strong,.publication-metrics strong{font-size:1.2rem}.connect-block,.details-box,.report-box,.publication-list,.custom-publication,.editor-content{gap:.7rem}.action-primary,.action-secondary,.mini-btn,.publication-tab,.workspace-tab,.editor-nav-item{padding:.65rem .9rem}.details-row,.publication-item,.report-line,.info-card{padding-top:.65rem}.details-row code,.publication-sub{overflow-wrap:anywhere}.publication-main{align-items:flex-start;gap:.75rem}.publication-runtime,.publication-toggle{align-items:center}.modal-backdrop{padding:1.2rem}.modal-shell{width:min(960px,100%);max-height:82vh;padding:1.05rem}.publication-modal{width:min(1160px,100%)}.editor-layout{gap:1rem}.editor-nav{width:210px}.modal-grid,.preset-grid{gap:.9rem}.preset-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preset-card{min-height:104px;gap:.35rem;padding:.9rem}input,select,textarea{background:#060f1ef5;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:.82rem .95rem}textarea{min-height:92px}label{color:#9db3d7}@media (max-width: 1100px){.workspace-header{flex-direction:column;align-items:stretch}.channel-switcher{min-width:0;width:100%}}.studio-screen{--studio-accent: #bdfd61;--studio-panel: rgba(63, 63, 63, .9)}.studio-grid{grid-template-columns:minmax(0,1.68fr) minmax(360px,.82fr);align-items:start}.studio-tools{gap:.85rem}.studio-live-card,.studio-publication-card,.studio-editor-shell{border-radius:20px}.studio-preview-frame{aspect-ratio:16 / 8.2;max-height:520px;overflow:hidden}.studio-preview-frame .preview-video{object-fit:contain;background:#000}.studio-process-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:.9rem}.studio-log-box{max-height:210px;overflow:auto}.publication-title-wrap{display:flex;align-items:center;gap:.7rem}.studio-publication-item small{display:block;margin-top:.2rem;color:#ffffff9e}.studio-platform-icon{width:28px;height:28px;flex:0 0 auto}.studio-platform-icon.youtube{color:#ff3030}.studio-platform-icon.facebook{color:#3b82f6}.studio-platform-icon.twitch{color:#b472ff}.studio-platform-icon.globe,.studio-platform-icon.protocol,.studio-platform-icon.software{color:#dce6f8}.studio-editor-shell{width:min(1380px,100%);max-height:90vh}.studio-editor-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:1rem}.studio-editor-panel{display:grid;gap:.95rem;align-content:start}.studio-section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.studio-section-head h3{margin:0;font-size:1rem}.studio-section-head span{color:#ffffffa8;font-size:.84rem}.studio-asset-grid,.studio-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.studio-asset-card,.studio-preset-card{border:1px solid rgba(255,255,255,.13);background:#2c2c2cdb;border-radius:16px;color:#fff;padding:.95rem;display:grid;gap:.35rem;text-align:left}.studio-asset-card small,.studio-preset-card span,.studio-empty-note{color:#ffffffa8}.studio-preset-card{min-height:132px;place-items:center;text-align:center}.studio-tool-row{display:flex;flex-wrap:wrap;gap:.7rem}.studio-tool-row .action-secondary,.studio-tool-row .action-primary{display:inline-flex;align-items:center;gap:.45rem}.studio-stage{position:relative;aspect-ratio:16 / 9;border-radius:20px;border:1px dashed rgba(255,255,255,.14);overflow:hidden;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),#111111e6;background-size:48px 48px,48px 48px,auto}.studio-stage-item{position:absolute;border:2px solid rgba(255,255,255,.18);overflow:hidden;border-radius:10px;cursor:move}.studio-stage-item.active{border-color:var(--studio-accent);box-shadow:0 0 0 2px #bdfd6133}.studio-stage-image,.studio-stage-text{width:100%;height:100%}.studio-stage-image{object-fit:fill;display:block;background:#00000052}.studio-stage-text{display:flex;align-items:center;justify-content:center;text-align:center;padding:.4rem;font-weight:700}.studio-stage-text.ticker{justify-content:flex-start;padding-left:1rem}.studio-stage-handle{position:absolute;right:0;bottom:0;width:18px;height:18px;border:0;background:var(--studio-accent);cursor:nwse-resize}.studio-overlay-list{display:flex;flex-wrap:wrap;gap:.65rem}.studio-overlay-chip{border:1px solid rgba(255,255,255,.14);background:#2c2c2ce0;border-radius:999px;color:#fff;padding:.6rem .9rem;display:grid;text-align:left}.studio-overlay-chip small{color:#ffffff9e}.studio-overlay-chip.active{border-color:var(--studio-accent);color:var(--studio-accent)}.studio-inline-toggle{display:flex;align-items:center;gap:.7rem;color:#fffc}.studio-inline-toggle input{width:auto}.studio-publication-modal{width:min(1200px,100%)}@media (max-width: 1200px){.studio-editor-grid,.studio-process-grid,.studio-grid{grid-template-columns:1fr}}@media (max-width: 820px){.studio-asset-grid,.studio-preset-grid{grid-template-columns:1fr}}html,body,#root{min-height:100%}body{margin:0}