:root{color:#eee;background:#151515;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,select{font:inherit}button{color:inherit;cursor:pointer}.studio-app{background:#181818;height:100vh;position:relative}header{border-bottom:1px solid #303030;justify-content:space-between;align-items:center;height:64px;padding:0 22px;display:flex}.project{color:#aaa;gap:24px;width:300px;display:flex}.project b{color:#eee}.logo{color:#777;font-weight:900}.logo span{color:#171717;background:#eee;border-radius:3px;padding:1px 4px}.header-actions{align-items:center;gap:12px;display:flex}.header-actions button{background:#272727;border:1px solid #444;border-radius:24px;padding:10px 18px}.header-actions .pro{color:#b887ff;background:#2a2034;border-color:#7b4db6}.quality{text-align:left;grid-template-columns:auto auto auto;gap:7px;display:grid!important}.quality small{color:#969696;grid-column:1/3;font-size:10px}.header-actions .live{color:#ff5b27;background:#361b13;border-color:#7c341c;font-weight:800}.header-actions .live.active{color:#fff;background:#d64023}main{grid-template-columns:190px minmax(480px,1fr) 82px;height:calc(100vh - 64px);display:grid}.scenes{border-right:1px solid #303030;padding:18px 14px;overflow-y:auto}.add-scene{background:#444;border:0;border-radius:24px;width:100%;padding:12px;font-weight:800}.scene-wrap{margin-top:24px}.scene-name{justify-content:space-between;margin:0 4px 7px;font-size:13px;font-weight:700;display:flex}.scene-card{aspect-ratio:16/9;border:2px solid #0000;border-radius:11px;width:100%;position:relative;overflow:hidden}.scene-card.selected{border-color:#2877ff;box-shadow:0 0 0 2px #111}.scene-card small{background:#111;padding:2px;position:absolute;top:5px;right:5px}.scene-person{font-size:27px}.workspace{flex-direction:column;align-items:center;min-width:0;padding:17px 18px 10px;display:flex}.format-tabs{color:#888;align-self:stretch;align-items:center;gap:18px;height:36px;display:flex}.format-tabs button{background:0 0;border:0;font-size:16px}.format-tabs button.on{color:#fff;font-weight:800}.format-tabs span{font-size:13px}.stage{aspect-ratio:16/9;background:#080808;border-radius:10px;justify-content:center;align-items:center;width:min(100%,1040px);max-height:calc(100vh - 260px);display:flex;position:relative;overflow:hidden}.stage.portrait{aspect-ratio:9/16;width:min(42%,460px)}.stage video{object-fit:contain;width:100%;height:100%}.hidden{display:none}.stage-empty{text-align:center;text-shadow:0 2px 15px #000}.stage-empty .akejo-mark{background:linear-gradient(135deg,#286cff,#853ee8);border-radius:18px;place-items:center;width:60px;height:60px;margin:auto;font-size:34px;font-weight:900;display:grid}.stage-empty h1{margin:15px 0 4px;font-size:clamp(24px,3vw,48px)}.stage-empty p{color:#bbb}.live-badge{background:#df2d36;border-radius:6px;padding:7px 10px;position:absolute;top:14px;left:14px}.fullscreen{background:0 0;border:0;font-size:24px;position:absolute;bottom:10px;right:12px}.layout-strip{align-items:end;gap:5px;height:34px;display:flex}.layout-strip i{background:#333;border-radius:4px;width:56px;height:24px;display:block}.layout-strip i.chosen{outline:2px solid #1976ff}.media-controls{align-items:center;gap:10px;margin-top:7px;display:flex}.round{background:#3b3b3b;border:0;border-radius:50%;width:58px;height:58px;font-size:21px}.round.on{background:#246feb}.record{background:#282828;border:1px solid #555;border-radius:20px;padding:9px 15px}.recording{background:#bd2f37;border:0;border-radius:20px;padding:9px 15px}.status{color:#888;margin-top:8px;font-size:11px}.right-tools{border-left:1px solid #303030;flex-direction:column;align-items:center;gap:5px;padding:20px 7px;display:flex;overflow-y:auto}.right-tools button{background:0 0;border:1px solid #0000;border-radius:10px;width:68px;min-height:54px}.right-tools button.selected{background:#303030;border-color:#2783ff}.right-tools b{font-size:22px;display:block}.right-tools small{color:#aaa}.right-tools .guest{background:#050505;border-radius:50%;width:62px;height:62px;margin-bottom:5px;font-size:25px}.private-chat{background:#303030;border:0;border-radius:25px;padding:12px 20px;position:absolute;bottom:14px;left:210px}.side-panel{z-index:4;background:#292929;border-radius:18px;width:390px;height:calc(100vh - 100px);padding:18px;position:absolute;top:82px;right:82px;overflow:auto;box-shadow:0 15px 50px #0008}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head h2{margin:0}.panel-head button,.x{background:0 0;border:0;font-size:26px}.side-panel h3{border-top:1px solid #444;padding-top:20px}.swatches{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.swatches button{aspect-ratio:16/9;background:#222;border:1px solid #555;border-radius:8px}.overlay button{aspect-ratio:1.5}.empty-tool{text-align:center;color:#bbb;margin-top:100px}.empty-tool b{font-size:55px}.empty-tool button{background:#2563eb;border:0;border-radius:8px;padding:11px}.quality-pop{z-index:8;background:#242424;border:8px solid #303030;border-radius:18px;width:370px;padding:8px;position:absolute;top:65px;right:160px}.quality-pop>div{display:flex}.quality-pop button{background:0 0;border:0;flex:1;padding:14px}.quality-pop button.selected{background:#4b4b4b;border-radius:12px}.quality-pop label{color:#aaa;border-top:1px solid #3a3a3a;justify-content:space-between;padding:16px 8px;display:flex}.quality-pop select{color:#fff;background:#333;border:0;padding:7px}.modal-shade{z-index:20;background:#000b;place-items:center;display:grid;position:fixed;inset:0}.media-modal{background:linear-gradient(135deg,#292929dd,#161616ee);border-radius:16px;place-content:center;width:min(680px,90vw);height:360px;display:grid;position:relative}.media-modal>div{gap:18px;display:flex}.media-modal h2{text-align:center}.media-modal>div button{background:#ffffff12;border:1px solid #aaa;border-radius:16px;width:100px;height:100px;font-size:28px}.media-modal b{margin-top:10px;font-size:14px;display:block}.x{position:absolute;top:14px;right:20px}.settings-modal{color:#172b4d;background:#fff;border-radius:14px;width:min(920px,92vw);height:min(650px,86vh);padding:28px;position:relative}.settings-modal h1{margin:0 0 18px}.settings-grid{grid-template-columns:280px 1fr;gap:30px;height:calc(100% - 55px);display:grid}.settings-grid nav{flex-direction:column;display:flex}.settings-grid nav button{color:#294064;text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:32px 1fr auto;padding:12px;display:grid}.settings-grid nav button.selected{background:#dceaff;font-weight:800}.settings-grid section{overflow:auto}.setting-tabs{background:#f1f3f6;border-radius:13px;padding:5px;display:flex}.setting-tabs button{color:#71809a;background:0 0;border:0;border-radius:10px;flex:1;padding:12px}.setting-tabs .selected{color:#263c62;background:#fff;box-shadow:0 1px 4px #bbb}.setting-tabs em{color:#fff;background:#286cff;padding:3px;font-size:10px}.settings-hero{background:linear-gradient(120deg,#28008a,#6839e8,#dc4a35);border-radius:14px;height:180px;margin-top:25px}.settings-grid section p{color:#455b7b;line-height:1.5}.settings-grid section label{justify-content:space-between;align-items:center;margin:15px 0;display:flex}.settings-grid section select{padding:8px}.save{color:#fff;background:#1356ef;border:0;border-radius:8px;width:100%;padding:12px}@media (width<=900px){main{grid-template-columns:145px minmax(340px,1fr) 66px}.right-tools button{width:52px}.scenes{padding:12px 8px}.workspace{padding:10px}.private-chat{display:none}.side-panel{width:330px;right:66px}.project{width:auto}.logo{display:none}.settings-grid{grid-template-columns:210px 1fr}}@media (height<=720px){header{height:54px}main{height:calc(100vh - 54px)}.workspace{padding-top:6px}.format-tabs{height:28px}.stage{max-height:calc(100vh - 205px)}.layout-strip{display:none}.media-controls{margin-top:8px}.side-panel{height:calc(100vh - 70px);top:62px}}.workspace{padding:10px 14px 8px}.studio-switch{background:#333!important;border-radius:8px!important;margin-left:auto!important;padding:7px 12px!important}.studio-switch.on{color:#fff!important;background:#175fc8!important}.studio-panes{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);align-items:center;gap:8px;width:100%;height:min(53vh,570px);display:grid}.studio-panes.single{width:min(100%,1040px);height:auto;display:block}.studio-view{flex-direction:column;justify-content:center;min-width:0;height:100%;display:flex}.view-label{letter-spacing:1px;margin:0 0 5px 3px;font-size:11px}.view-label.preview{color:#3f9dff}.view-label.program{color:#ff4b55}.transition{background:#1e8a50;border:0;border-radius:8px;padding:12px 6px;font-weight:900}.studio-panes .stage{width:100%;max-height:calc(53vh - 24px)}.studio-panes.single .stage{max-height:calc(100vh - 260px)}.mixer-panel,.color-correction{z-index:12}.mix-channel{background:#202020;border-radius:10px;margin-top:25px;padding:15px}.mix-channel>div:first-child,.color-correction label span{justify-content:space-between;display:flex}.mix-channel span,.color-correction label b{color:#a9b1bc}.mix-channel input,.color-correction input{accent-color:#2779ef;width:100%}.mix-channel button{background:#303843;border:1px solid #4c5663;border-radius:7px;width:100%;padding:9px}.color-correction h3{background:#1e1e1e;border-left:3px solid #2d7df0;padding:13px}.color-correction label{border-bottom:1px solid #3b3b3b;padding:10px 4px;display:block}.color-correction label b{font-weight:400}.reset-color{background:#343b46;border:1px solid #555;border-radius:7px;width:100%;margin-top:18px;padding:10px}@media (width<=1100px){.studio-panes{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);height:min(48vh,470px)}.studio-panes .stage{max-height:calc(48vh - 24px)}.transition{font-size:11px}}.media-controls{z-index:30;pointer-events:auto;flex-wrap:wrap;justify-content:center;position:relative}.media-controls button{pointer-events:auto;z-index:31;position:relative}.control-pill{background:#343434;border:1px solid #555;border-radius:24px;min-width:92px;height:46px;padding:0 14px;font-size:16px}.control-pill b{margin-left:5px;font-size:11px}.control-pill.on{background:#176fe5;border-color:#4a94f2}.side-panel{width:min(360px,32vw);right:82px}.empty-tool button{z-index:25;pointer-events:auto;min-width:160px;position:relative}.panel-head button{z-index:25;pointer-events:auto;position:relative}@media (width<=900px){.control-pill{min-width:72px;padding:0 9px}.control-pill b{font-size:9px}.side-panel{width:300px}}.modal-shade{z-index:100}.settings-modal,.media-modal{z-index:101}.canvas-layer{z-index:5;cursor:pointer;border:1px solid #0000;position:absolute;overflow:hidden}.canvas-layer.selected-layer{border:2px solid #218cff;box-shadow:0 0 0 2px #fff}.canvas-layer.selected-layer:after{content:"";background:#218cff;border:2px solid #fff;width:11px;height:11px;position:absolute;bottom:-1px;right:-1px}.canvas-layer img,.canvas-layer video{object-fit:contain;width:100%;height:100%}.canvas-audio{z-index:6;width:min(78%,300px);height:34px;position:absolute}.sources-panel{z-index:40}.import-source{background:#176fe5;border:0;border-radius:8px;width:100%;margin:16px 0;padding:11px}.layer-table{flex-direction:column;gap:7px;display:flex}.layer-row{text-align:left;background:#1d2229;border:1px solid #39414d;border-radius:7px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:10px;display:grid}.layer-row b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.layer-row small{color:#6ae6a1;font-size:8px}.layer-row.selected{background:#233652;border-color:#2788ff}.layer-editor h3{margin-bottom:8px}.layer-editor label{border-bottom:1px solid #3a3a3a;padding:8px 0;display:block}.layer-editor label span{justify-content:space-between;font-size:12px;display:flex}.layer-editor input{accent-color:#218cff;width:100%}.layer-actions{gap:8px;margin-top:14px;display:flex}.layer-actions button{background:#343b46;border:1px solid #555;border-radius:7px;flex:1;padding:9px}.layer-actions .delete{background:#8f2932;border-color:#b53a45}.background-audio-bank{width:1px;height:1px;position:fixed;left:-9999px;overflow:hidden}.audio-note{color:#b9c2ce;background:#1e2732;border-left:3px solid #2788ff;padding:10px;font-size:12px;line-height:1.5}.delete-scene{color:#ff8188;background:#351b1d;border:0;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:800}.delete-scene:hover{color:#fff;background:#a52d38}.header-actions .platforms-button{color:#fff;background:#172a49;border-color:#276fea;border-radius:10px;font-weight:800}.platforms-button small{color:#65a2ff;margin-top:2px;font-size:9px;display:block}.panel-note{color:#aaa;font-size:12px;line-height:1.4}.destination-list{gap:8px;margin:15px 0;display:grid}.destination-row{background:#202020;border:1px solid #414141;border-radius:10px;grid-template-columns:48px 1fr auto;align-items:center;gap:9px;padding:10px;display:grid}.destination-row div{min-width:0}.destination-row b,.destination-row small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.destination-row small{color:#888;margin-top:3px}.destination-toggle{background:#555;border:0;border-radius:14px;padding:5px;font-size:10px}.destination-toggle.on{background:#168d50}.remove-destination{color:#ff737a;background:0 0;border:0;font-size:11px}.destination-form{border-top:1px solid #444;margin-top:15px}.destination-form label{color:#bbb;gap:5px;margin:10px 0;font-size:12px;display:grid}.destination-form input,.destination-form select{color:#fff;background:#171717;border:1px solid #555;border-radius:7px;width:100%;padding:10px}.connect-destination{background:#2169e8;border:0;border-radius:8px;width:100%;padding:12px;font-weight:900}.builder-panel label,.scene-target{color:#bbb;gap:6px;margin:16px 0;font-size:12px;display:grid}.builder-panel input,.builder-panel select,.scene-target select{color:#fff;background:#171717;border:1px solid #555;border-radius:8px;width:100%;padding:11px}.scene-target{color:#fff;background:#1c2d47;border:1px solid #317cf4;border-radius:9px;padding:11px;font-weight:800}.builder-add{background:#2169e8;border:0;border-radius:8px;width:100%;padding:13px;font-weight:900}.canvas-layer.caption{align-items:end;display:flex}.caption-card{color:#fff;text-align:left;background:linear-gradient(90deg,#0b1836e8,#183e83e8);border-left:7px solid #2d82ff;width:100%;padding:12px 18px}.caption-card b,.caption-card span{display:block}.caption-card b{font-size:clamp(13px,2vw,28px)}.caption-card span{color:#cbd9ef;margin-top:3px;font-size:clamp(9px,1.2vw,16px)}.widget-card{text-align:center;background:#080b12d9;border:2px solid #3685ff;border-radius:12px;place-content:center;width:100%;height:100%;padding:10px;display:grid}.widget-card b{color:#65a2ff;text-transform:uppercase;font-size:11px}.widget-card strong{font-size:clamp(14px,2vw,30px)}.widget-card span{font-size:clamp(18px,3vw,42px);font-weight:900}.audio-table-head{color:#8fa1b7;background:#191919;grid-template-columns:1fr 70px 70px;gap:8px;margin-top:12px;padding:9px;font-size:9px;display:grid}.mix-channel{border:1px solid #404040;border-radius:9px;margin-top:8px;padding:10px}.mix-channel>div:first-child{justify-content:space-between;display:flex}.mix-channel button{background:#334155;border:0;border-radius:6px;padding:7px 10px}.meter{background:#0c0c0c;border-radius:5px;height:7px;margin:8px 0;overflow:hidden}.meter i{background:linear-gradient(90deg,#21c77a,#eacb36,#e74e4e);height:100%;display:block}.mix-channel input{accent-color:#2580ff;width:100%}.oauth-connect-bar{z-index:7;gap:8px;width:340px;display:grid;position:absolute;top:170px;right:100px}.oauth-connect-bar button{border:0;border-radius:8px;padding:11px;font-weight:800}.google-connect{color:#222;background:#fff}.facebook-connect{color:#fff;background:#1877f2}.managed-oauth{color:#aeb8c7;margin:0;font-size:11px;line-height:1.45}.oauth-account{background:#162b20;border:1px solid #2e8d59;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:9px;display:flex}.oauth-account button{color:#fff;background:#7b2831;padding:6px 8px}.platforms-panel .destination-list{margin-top:190px}.settings-content label{gap:7px;margin:18px 0;font-weight:700;display:grid}.settings-content input,.settings-content select{border:1px solid #abb6c6;border-radius:7px;width:100%;padding:10px}.settings-content>button:not(.save){color:#fff;background:#274e8d;border:0;border-radius:7px;padding:10px 14px}.shortcut-list kbd{color:#fff;background:#27354b;border-radius:5px;padding:5px 8px}.obs-shade{z-index:300;background:#000b}.obs-settings{z-index:301;color:#edf2f8;background:#171b22;border:1px solid #414958;border-radius:14px;grid-template-rows:auto 1fr auto;width:min(1120px,94vw);height:min(780px,90vh);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 90px #000}.obs-title{background:#20252e;border-bottom:1px solid #3a414d;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex}.obs-title h2{margin:0;font-size:20px}.obs-title button{color:#fff;background:0 0;border:0;font-size:27px}.obs-body{grid-template-columns:220px 1fr;min-height:0;display:grid}.obs-body nav{background:#20252e;flex-direction:column;gap:5px;padding:20px 12px;display:flex}.obs-body nav button{text-align:left;color:#eef2f8;background:0 0;border:0;border-radius:6px;grid-template-columns:34px 1fr;align-items:center;padding:10px 12px;font-size:14px;display:grid}.obs-body nav button.selected{background:#285ac8}.obs-body nav b{font-size:18px}.obs-content{background:#171b22;padding:22px;overflow:auto}.obs-section{gap:12px;display:grid}.obs-section h3,.obs-section h4{background:#252a34;border-radius:6px;margin:0;padding:11px 13px}.obs-section h4{margin-top:8px;font-size:13px}.obs-row{grid-template-columns:minmax(190px,32%) 1fr!important;align-items:center!important;gap:16px!important;margin:0!important;display:grid!important}.obs-row>span{text-align:right;color:#e2e8f0;font-weight:600}.obs-row input,.obs-row select,.account-box input{box-sizing:border-box;color:#fff;background:#3a414e;border:1px solid #596273;border-radius:5px;width:100%;padding:10px!important}.check-row{gap:10px;justify-content:flex-start!important;display:flex!important}.check-row input{width:auto!important}.account-box{background:#252a34;border-radius:7px;gap:13px;padding:18px;display:grid}.account-box p,.browser-note{color:#aeb8c7;margin:0}.account-box>button,.obs-section>button{color:#fff;background:#495366;border:0;border-radius:6px;justify-self:start;padding:11px 18px}.social-buttons{flex-wrap:wrap;gap:10px;display:flex}.social-buttons button{border:0;border-radius:6px;padding:12px 18px;font-weight:800}.account-box details{border:1px solid #4e5868;border-radius:6px;padding:12px}.account-box details label{gap:5px;margin-top:10px;display:grid}.account-box details small{color:#8fb8ff;overflow-wrap:anywhere;margin-top:10px;display:block}.obs-actions{background:#20252e;border-top:1px solid #3a414d;grid-template-columns:auto 1fr auto auto;gap:10px;padding:12px 18px;display:grid}.obs-actions button{color:#fff;background:#3b4350;border:1px solid #5a6474;border-radius:6px;padding:10px 22px}.obs-actions button:last-child{background:#285ac8;border-color:#4f7de0}.quality-pop .selected{box-shadow:inset 0 0 0 2px #2990ff;background:#4d4d4d!important}.quality-pop .unavailable{opacity:.55}.quality-pop label small{color:#bbb;font-size:9px;display:block}.quality-settings{color:#fff;background:#276be0;border:0;border-radius:6px;width:100%;padding:10px;font-weight:800}@media (width<=760px){.obs-settings{width:98vw;height:94vh}.obs-body{grid-template-columns:72px 1fr}.obs-body nav button{text-align:center;grid-template-columns:1fr;font-size:0}.obs-body nav b{font-size:20px}.obs-row{grid-template-columns:1fr!important}.obs-row>span{text-align:left}.obs-content{padding:12px}}