:root{color-scheme:dark;--bg: #111318;--window: #171a21;--dock: #242936;--dock-dark: #1d212b;--dock-light: #3a4152;--line: #343a49;--line-strong: #4b5468;--text: #f4f6fb;--muted: #aab1c1;--faint: #757d8e;--accent: #2f5fca;--accent-hot: #3d7cff;--green: #35c46f;--yellow: #f0c54d;--red: #f05c64;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:#0c0d10;color:var(--text)}button,input,select{font:inherit}button{color:inherit}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}.connect-screen{display:grid;min-height:100vh;place-items:center;padding:24px;background:linear-gradient(135deg,rgba(47,95,202,.16),transparent 38%),radial-gradient(circle at 75% 15%,rgba(53,196,111,.12),transparent 28%),#111318}.connect-dialog{display:grid;width:min(420px,100%);gap:16px;padding:22px;border:1px solid var(--line-strong);border-radius:8px;background:#1b202b;box-shadow:0 24px 90px #0000006b}.connect-dialog--remote{width:min(560px,100%)}.connect-dialog__brand{display:flex;align-items:center;gap:14px;margin-bottom:4px}.connect-dialog__mark{display:grid;width:48px;height:48px;place-items:center;overflow:hidden;border-radius:8px;background:#2562ff}.connect-dialog__mark img{width:100%;height:100%;object-fit:cover}.connect-dialog h1{margin:0;font-size:22px;line-height:1.2;letter-spacing:0}.connect-dialog p{margin:3px 0 0;color:var(--muted);font-size:13px}.connect-dialog label,.transition-form label{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:600}.connect-dialog input,.connect-dialog textarea,.transition-form input,.transition-form select{width:100%;min-height:34px;border:1px solid var(--line-strong);border-radius:5px;padding:7px 9px;background:#10131a;color:var(--text);outline:none}.connect-dialog input:focus,.connect-dialog textarea:focus,.transition-form input:focus,.transition-form select:focus{border-color:var(--accent-hot);box-shadow:0 0 0 2px #3d7cff33}.connect-dialog__invite{min-height:82px;resize:vertical}.connect-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;border-radius:5px;background:#11141b;padding:4px}.connect-tabs button{display:inline-flex;min-width:0;min-height:32px;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:4px;padding:0 8px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.connect-tabs button.is-active{border-color:#43506a;background:#2a3141;color:#fff}.connect-tabs button span,.connect-tabs button{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-dialog__error{border:1px solid rgba(240,92,100,.55);border-radius:5px;padding:9px 10px;color:#ffd8db;background:#f05c641f;font-size:13px}.primary-action{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid #487fe2;border-radius:5px;background:var(--accent);color:#fff;font-weight:700}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.obs-window{display:grid;height:100vh;grid-template-rows:30px 28px 1fr 28px;overflow:hidden;background:var(--window)}.obs-window--remote{grid-template-rows:30px 28px minmax(43px,auto) 1fr 28px}.titlebar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0d0f14;padding:0 8px;background:#1c1f27;color:#dfe5f0;font-size:12px}.titlebar__identity{display:flex;min-width:0;align-items:center;gap:8px}.titlebar__identity span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.titlebar__icon{width:16px;height:16px;flex:0 0 auto;border-radius:4px;object-fit:cover}.titlebar__version{color:var(--muted)}.titlebar__close{display:grid;width:30px;height:24px;place-items:center;border:0;border-radius:4px;background:transparent}.titlebar__close:hover{background:#f05c6438}.menu-row{display:flex;align-items:center;gap:2px;border-bottom:1px solid #0f1218;padding:0 5px;background:#151821}.menu-row button{min-height:22px;border:0;border-radius:3px;padding:0 7px;background:transparent;color:var(--text);font-size:12px;opacity:1}.remote-session-bar{display:flex;min-height:43px;min-width:0;align-items:center;gap:8px;overflow:hidden;border-bottom:1px solid #0f1218;padding:5px 8px;background:#171b24;color:var(--text);font-size:12px}.remote-session-bar__status,.remote-session-bar__join{display:inline-flex;min-width:0;flex:0 0 auto;align-items:center;gap:7px;color:var(--muted)}.remote-session-bar__status strong{color:#fff}.remote-session-bar__status span,.remote-session-bar__join span{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-session-bar__warning{flex:0 1 260px;min-width:0;overflow:hidden;border:1px solid rgba(240,197,77,.5);border-radius:5px;padding:5px 8px;background:#f0c54d1a;color:#ffe7a7;text-overflow:ellipsis;white-space:nowrap}.remote-session-bar__host-actions{display:flex;min-width:0;flex:1;align-items:center;justify-content:flex-end;gap:7px}.remote-live-guests{display:flex;min-width:0;flex:1;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;padding:1px 0}.remote-live-guests__empty{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;color:var(--muted);white-space:nowrap}.remote-live-peer{display:flex;min-height:30px;max-width:520px;flex:0 0 auto;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:3px 4px 3px 8px;background:#202530}.remote-live-peer.is-controller{border-color:#35c46f8c;background:#1f3328}.remote-live-peer.is-pending{border-color:#f0c54d80}.remote-live-peer__identity{display:inline-flex;min-width:0;align-items:center;gap:6px}.remote-live-peer__name{max-width:140px;overflow:hidden;color:#fff;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.remote-live-peer__role{flex:0 0 auto;border:1px solid var(--line);border-radius:4px;padding:2px 5px;color:var(--muted);font-size:11px;line-height:1.1}.remote-live-peer__role.is-controller{border-color:#35c46f8c;color:#bff3d2}.remote-live-peer__actions{display:inline-flex;flex:0 0 auto;align-items:center;gap:4px}.remote-live-peer__actions .obs-button{min-height:24px;padding:0 7px;font-size:12px}.remote-action-button{position:relative;display:inline-flex;min-height:29px;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);border-radius:5px;padding:0 10px;background:#2d3342;color:#fff;font-weight:700}.remote-action-button:hover{background:#3a4152}.workspace{display:grid;min-height:0;grid-template-rows:minmax(260px,1fr) 45px minmax(210px,270px);gap:4px;padding:8px 4px 4px;overflow:hidden}.preview-grid{display:grid;min-height:0;grid-template-columns:1fr;gap:6px;border:1px solid #252a36;padding:10px;background:#11141b}.preview-grid--studio{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-frame{display:grid;min-width:0;min-height:0;grid-template-rows:1fr 26px;border:1px solid #252a36;background:#090a0d}.preview-frame__stage{position:relative;display:grid;min-height:0;place-items:center;overflow:hidden;background:#1b1f28}.preview-frame__canvas{position:relative;min-width:64px;min-height:36px;overflow:hidden;box-shadow:0 0 0 1px #353b49,0 0 0 2px #0a0b0f;background:#000}.preview-frame__canvas img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.preview-frame__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;width:100%;height:100%;place-items:center;color:var(--faint)}.preview-frame__bar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #252a36;padding:0 9px;color:var(--muted);font-size:12px}.preview-frame__bar strong{min-width:0;overflow:hidden;color:var(--text);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.properties-strip{display:flex;min-width:0;align-items:center;gap:8px;border:1px solid #252a36;border-radius:4px;padding:6px 8px;background:var(--dock)}.properties-strip span{flex:1;min-width:0;overflow:hidden;color:var(--text);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.properties-strip button,.control-button{min-height:31px;border:1px solid var(--line);border-radius:5px;padding:0 12px;background:#3a4050;color:var(--text)}.dock-row{display:grid;min-height:0;grid-template-columns:1fr 1fr minmax(250px,1.75fr) minmax(170px,.85fr) minmax(210px,1.25fr);gap:4px;overflow:hidden}.obs-panel{display:grid;min-width:0;min-height:0;grid-template-rows:25px 1fr 33px;overflow:hidden;border:1px solid var(--line-strong);border-radius:5px;background:var(--dock)}.controls-panel{grid-template-rows:25px 1fr}.obs-panel__header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px;padding:0 6px;background:#444b5e;color:#fff;font-size:13px;font-weight:700}.obs-panel__header span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.obs-panel__body{min-height:0;overflow:auto}.obs-panel__footer{display:flex;align-items:center;gap:3px;border-top:1px solid var(--line);background:var(--dock-dark);padding:3px}.footer-spacer{flex:1}.icon-button{display:inline-grid;width:27px;height:27px;flex:0 0 auto;place-items:center;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text)}.icon-button:hover:not(:disabled),.icon-button.is-active{border-color:var(--line-strong);background:#333948}.icon-button--solid{background:#3a4050}.icon-button--danger:hover:not(:disabled){background:#f05c6438}.source-kind-menu__scrim{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;background:transparent}.source-kind-menu{position:fixed;z-index:81;width:270px;max-height:min(560px,calc(100vh - 24px));overflow:auto;border:1px solid #373d4b;box-shadow:0 16px 32px #00000073;background:#1d2029;padding:6px 0}.source-kind-menu button{display:flex;width:100%;min-height:31px;align-items:center;gap:10px;border:0;padding:0 10px;background:transparent;color:#fff;font:inherit;text-align:left}.source-kind-menu button:hover,.source-kind-menu button:focus-visible{background:var(--accent)}.context-menu__scrim{position:fixed;z-index:82;top:0;right:0;bottom:0;left:0;background:transparent}.context-menu{position:fixed;z-index:83;min-width:190px;overflow:hidden;border:1px solid #373d4b;box-shadow:0 16px 32px #00000073;background:#1d2029;padding:5px 0}.context-menu button{display:grid;width:100%;min-height:30px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:7px;border:0;padding:0 10px;background:transparent;color:#fff;font:inherit;text-align:left}.context-menu button.has-separator{border-top:1px solid #363b49;margin-top:5px}.context-menu button:hover:not(:disabled),.context-menu button:focus-visible{background:var(--accent)}.context-menu button:disabled{color:#ffffff61}.context-menu__icon{display:inline-grid;place-items:center}.listbox,.sources-list,.mixer-list{display:grid;align-content:start;min-height:100%}.listbox__row{min-height:31px;border:0;border-radius:4px;margin:2px 3px;padding:0 7px;background:transparent;color:var(--text);text-align:left}.listbox__row:hover,.source-row:hover{background:#303646}.listbox__row.is-selected{background:var(--accent);color:#fff}.source-row{display:grid;min-width:0;min-height:31px;grid-template-columns:minmax(0,1fr) 28px 28px 20px;align-items:center;gap:2px;padding:2px 4px}.source-row[draggable=true]{cursor:grab}.source-row.is-dragging{opacity:.48}.source-row.is-drop-target{box-shadow:inset 0 2px #9bbcff}.source-row.is-drop-target:not(.is-selected){background:#303646}.source-row.is-selected{background:var(--accent)}.source-row.is-selected .icon-button{color:#fff}.source-row.is-selected .icon-button.is-active{border-color:transparent;background:transparent}.source-row.is-selected .icon-button:hover:not(:disabled),.source-row.is-selected .icon-button:focus-visible{border-color:#ffffff57;background:#ffffff24}.source-row.is-selected .icon-button:disabled{color:#ffffff8c}.source-row__name{display:flex;min-width:0;align-items:center;gap:7px;overflow:hidden;color:#fff;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.source-row__drag-grip{display:grid;width:20px;height:27px;place-items:center;color:var(--muted);cursor:grab}.source-row:not([draggable=true]) .source-row__drag-grip{cursor:default;opacity:.45}.source-row.is-selected .source-row__drag-grip{color:#ffffffbf}.source-transform-box{position:absolute;box-sizing:border-box;border:1px solid transparent;cursor:move;touch-action:none;transform-origin:center}.source-transform-box:hover,.source-transform-box.is-selected{border-color:#ff1515}.source-transform-box.is-selected:before,.source-transform-box.is-selected:after{position:absolute;background:#ff1515;content:"";pointer-events:none}.source-transform-box.is-selected:before{top:50%;left:-18px;width:18px;height:1px}.source-transform-box.is-selected:after{top:-18px;left:50%;width:1px;height:18px}.source-transform-box__label{position:absolute;top:-24px;left:50%;max-width:180px;transform:translate(-50%);overflow:hidden;border-radius:3px;padding:2px 5px;background:#000000b3;color:#fff;font-size:11px;font-weight:700;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.source-transform-box__handle{position:absolute;z-index:2;width:8px;height:8px;border:1px solid white;border-radius:50%;background:#ff1515;touch-action:none;transform:translate(-50%,-50%)}.source-transform-box__handle--nw{top:0;left:0;cursor:nwse-resize}.source-transform-box__handle--n{top:0;left:50%;cursor:ns-resize}.source-transform-box__handle--ne{top:0;left:100%;cursor:nesw-resize}.source-transform-box__handle--e{top:50%;left:100%;cursor:ew-resize}.source-transform-box__handle--se{top:100%;left:100%;cursor:nwse-resize}.source-transform-box__handle--s{top:100%;left:50%;cursor:ns-resize}.source-transform-box__handle--sw{top:100%;left:0;cursor:nesw-resize}.source-transform-box__handle--w{top:50%;left:0;cursor:ew-resize}.empty-row{padding:12px 8px;color:var(--faint);font-size:13px}.mixer-list{grid-auto-rows:minmax(112px,auto)}.mixer-list--vertical{display:flex;align-items:stretch;min-width:0;overflow-x:auto;overflow-y:hidden}.mixer-list--horizontal{display:grid;align-content:start;overflow:auto}.mixer-channel{display:grid;gap:8px;border-bottom:1px solid var(--line);padding:7px 8px}.mixer-list--vertical .mixer-channel{min-width:94px;grid-template-rows:auto 1fr;border-right:1px solid var(--line);border-bottom:0;padding:5px 7px 6px}.mixer-channel__header{display:flex;min-width:0;justify-content:space-between;gap:10px;color:var(--text);font-size:12px}.mixer-channel__header span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-channel__header span:last-child{color:var(--muted)}.mixer-list--vertical .mixer-channel__header{min-height:42px;flex-direction:column;align-items:center;justify-content:start;gap:2px;text-align:center}.mixer-list--vertical .mixer-channel__header span:first-child{max-width:80px}.mixer-channel__body{display:grid;min-width:0;grid-template-columns:minmax(110px,1fr) 62px 30px;align-items:center;gap:9px}.mixer-list--vertical .mixer-channel__body{min-height:148px;grid-template-columns:28px 52px;grid-template-rows:minmax(112px,1fr) 29px;align-items:end;justify-content:center;gap:7px 6px}.mixer-channel__slider{width:100%;accent-color:var(--accent-hot)}.mixer-list--vertical .mixer-channel__slider{width:24px;height:116px;justify-self:center;writing-mode:vertical-lr;direction:rtl}.mixer-list--vertical .mixer-channel .icon-button{grid-column:1 / -1;justify-self:center}.meter{display:grid;grid-template-columns:18px 30px;gap:5px;align-items:stretch;height:70px}.mixer-list--vertical .meter{height:116px}.meter__track{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border:1px solid #1a1d25;border-radius:3px;background:#10131a}.meter__zone{width:100%}.meter__zone--red{height:18%;background:#f05c6447}.meter__zone--yellow{height:18%;background:#f0c54d40}.meter__zone--green{height:64%;background:#35c46f38}.meter__fill{position:absolute;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--green),var(--yellow) 72%,var(--red));opacity:.92;transition:height 80ms linear}.meter.is-muted .meter__fill{opacity:.2}.meter__scale{display:flex;flex-direction:column;justify-content:space-between;color:var(--muted);font-size:10px}.mixer-hidden{color:var(--muted);font-size:12px;font-weight:700}.dialog-scrim{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#04050861}.obs-dialog{display:grid;max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);grid-template-rows:31px minmax(0,1fr);overflow:hidden;border:1px solid #3a4050;border-radius:6px;box-shadow:0 18px 48px #00000094;background:#252934;color:#fff}.obs-dialog--source{width:354px}.obs-dialog--properties{width:min(890px,calc(100vw - 28px))}.obs-dialog--remote-session{width:min(640px,calc(100vw - 28px))}.obs-dialog__titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #151820;padding:0 10px;background:#171a22;font-size:13px}.obs-dialog__titlebar button{display:grid;width:24px;height:24px;place-items:center;border:0;background:transparent;color:#fff;font-size:15px}.obs-dialog__titlebar button:hover{background:#3a4050}.obs-dialog__body{min-height:0;overflow:auto}.source-create-form{display:grid;gap:8px;padding:12px}.choice-row,.checkbox-field{display:flex;min-width:0;align-items:center;gap:7px;color:#fff;font-size:13px}.choice-row input,.checkbox-field input{flex:0 0 auto}.obs-field{width:100%;min-width:0;min-height:32px;border:1px solid #3f4657;border-radius:4px;padding:0 8px;background:#414756;color:#fff;font:inherit}.obs-field:focus{border-color:#4e8dff;outline:0}.obs-field:disabled{opacity:.58}.field-error{color:#ffb3b8;font-size:12px}.existing-source-list{display:grid;min-height:104px;align-content:start;overflow:auto;border-radius:4px;background:#2c313d;padding:4px}.existing-source-list button{min-height:28px;border:0;border-radius:3px;padding:0 7px;background:transparent;color:#fff;text-align:left}.existing-source-list button.is-selected{background:var(--accent)}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.dialog-actions--split{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center}.obs-button{min-width:68px;min-height:32px;border:1px solid #454c5d;border-radius:5px;padding:0 14px;background:#3b4151;color:#fff;font:inherit}.obs-button:hover:not(:disabled){background:#4a5265}.obs-button--danger{border-color:#f05c6473}.obs-button--primary{border-color:#487fe2;background:var(--accent)}.obs-button--primary:hover:not(:disabled){background:#3d70dc}.obs-button--danger:hover:not(:disabled){background:#f05c6447}.obs-button:disabled{opacity:.55}.confirm-dialog{display:grid;gap:14px;padding:14px 12px 12px}.confirm-dialog p{margin:0;color:#fff;font-size:13px;line-height:1.45}.remote-dialog-body{display:grid;gap:12px;padding:12px}.remote-invite-field{display:grid;gap:6px;color:var(--muted);font-size:13px;font-weight:700}.remote-invite-field input{width:100%;min-height:34px;border:1px solid #3f4657;border-radius:4px;padding:0 9px;background:#10131a;color:#fff}.remote-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.remote-copy-button{display:inline-flex;align-items:center;gap:7px}.remote-copy-button.is-copied{border-color:#35c46fa6;background:#234833}.remote-access-list{display:grid;gap:8px}.remote-access-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:10px;background:#202530}.remote-access-card.is-controller{border-color:#35c46f80;background:#1f3328}.remote-access-card__identity{display:grid;min-width:0;gap:3px}.remote-access-card__name{min-width:0;overflow:hidden;color:#fff;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.remote-access-card__role{width:fit-content;border:1px solid var(--line);border-radius:4px;padding:2px 6px;color:var(--muted);font-size:12px}.remote-access-card__role.is-controller{border-color:#35c46f99;color:#bff3d2}.remote-access-card__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.browser-properties-form{display:grid;gap:10px;padding:10px}.browser-preview{position:relative;display:grid;width:min(600px,78vw);max-height:452px;justify-self:center;place-items:center;overflow:hidden;border:2px solid #e4e8ff;background:#0c0e14}.browser-preview img{width:100%;height:100%;object-fit:fill}.browser-preview__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted)}.color-source-preview{width:min(804px,88vw);max-height:452px}.color-source-preview__swatch{width:100%;height:100%}.properties-grid{display:grid;gap:10px}.property-field{display:grid;min-width:0;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:8px;color:#fff;font-size:13px}.property-field>span{padding-top:8px;text-align:right}.obs-textarea{min-height:96px;padding:8px;resize:vertical}.color-property-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,1fr);gap:8px}.color-select-button{min-width:0}.native-color-input{position:absolute;right:0;bottom:0;width:1px;height:1px;opacity:0;pointer-events:none}.properties-offset{margin-left:120px}.generic-properties-header{min-height:30px;border:1px solid #3f4657;border-radius:4px;padding:7px 9px;background:#1c202a;color:var(--muted);font-size:12px}.generic-properties-empty{display:grid;min-height:80px;place-items:center;border-radius:4px;background:#20242f;color:var(--muted);font-size:13px}.checkbox-field--property{min-height:32px}.generic-json-field{font-family:Consolas,Courier New,monospace;font-size:12px}.transition-form{display:grid;gap:12px;padding:10px 8px}.transition-form label span{display:inline-flex;align-items:center;gap:5px}.controls-stack{display:grid;gap:5px;padding:6px}.control-button{display:flex;min-width:0;align-items:center;justify-content:center;gap:8px;padding:0 8px}.control-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-button:hover:not(:disabled){background:#464d61}.control-button.is-active{border-color:#35c46f99;background:#234833}.error-toast{position:fixed;right:12px;bottom:42px;max-width:min(520px,calc(100vw - 24px));border:1px solid rgba(240,92,100,.55);border-radius:6px;padding:9px 11px;background:#351d24;color:#ffd8db;text-align:left;box-shadow:0 12px 35px #00000061}.status-bar{display:flex;min-width:0;align-items:center;justify-content:flex-end;border-top:1px solid #0f1218;background:#20242f;color:var(--text);font-size:12px}.status-bar__segment{display:flex;min-width:0;height:100%;align-items:center;gap:7px;border-left:1px solid var(--line);padding:0 10px}.status-bar__segment span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:13px;height:13px;flex:0 0 auto;border-radius:50%;background:#5f6676}.status-dot.is-live{background:var(--green)}.status-dot.is-recording{background:var(--red)}@media(max-width:1120px){.workspace{grid-template-rows:minmax(220px,.9fr) 45px minmax(360px,1.1fr)}.dock-row{grid-template-columns:repeat(2,minmax(0,1fr));overflow:auto}.mixer-panel,.controls-panel{grid-column:span 2}}@media(max-width:720px){body{overflow:auto}.obs-window{min-height:100vh;height:auto;grid-template-rows:30px 28px auto 32px}.obs-window--remote{grid-template-rows:30px 28px auto auto 32px}.workspace{overflow:visible;grid-template-rows:auto 45px auto}.preview-grid,.preview-grid--studio,.dock-row{grid-template-columns:1fr}.preview-frame{min-height:230px}.mixer-panel,.controls-panel{grid-column:auto}.status-bar{justify-content:flex-start;overflow-x:auto}.remote-session-bar{flex-wrap:wrap;overflow:visible}.remote-session-bar__host-actions{flex-basis:100%;justify-content:flex-start}.remote-access-card{grid-template-columns:1fr}.remote-access-card__actions,.remote-dialog-actions{justify-content:stretch}.remote-access-card__actions .obs-button,.remote-dialog-actions .obs-button{flex:1}}