@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--bg:#090b0f;--panel:#101319;--panel-raised:#151920;--panel-hover:#1a1f28;--line:#242932;--line-soft:#1b2028;--text:#eef1f6;--muted:#8e96a5;--dim:#5f6673;--accent:#8171f1;--accent-soft:#8171f121;--green:#39c997;--red:#f0565e;--amber:#e5a64f;font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f5;--panel:#fff;--panel-raised:#f8f9fb;--panel-hover:#e8ecf2;--line:#cfd5df;--line-soft:#dce1e8;--text:#171a20;--muted:#596273;--dim:#7c8594;--accent:#6656d2;--accent-soft:#6656d21c}[data-theme=light] body,[data-theme=light] .app-shell,[data-theme=light] .topbar,[data-theme=light] .statusbar,[data-theme=light] .editor-dialog,[data-theme=light] .editor-dialog>header,[data-theme=light] .editor-dialog>footer,[data-theme=light] .portal-sidebar{background-color:var(--bg);color:var(--text)}[data-theme=light] .panel,[data-theme=light] .monitor,[data-theme=light] .custom-overlay-settings,[data-theme=light] .overlay-preview-panel,[data-theme=light] .overlay-config-section,[data-theme=light] .overlay-builder-toolbar,[data-theme=light] .overlay-preview-menu{background:var(--panel);color:var(--text)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f5;--panel:#fff;--panel-raised:#f8f9fb;--panel-hover:#e8ecf2;--line:#cfd5df;--line-soft:#dce1e8;--text:#171a20;--muted:#596273;--dim:#7c8594}}*{box-sizing:border-box}html,body,#root{min-width:980px;height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,input{font:inherit}button{color:inherit}a[href],button:not(:disabled),select:not(:disabled),summary,[role=button]:not([aria-disabled=true]),[role=menuitem]:not([aria-disabled=true]),input[type=button]:not(:disabled),input[type=checkbox]:not(:disabled),input[type=color]:not(:disabled),input[type=file]:not(:disabled),input[type=radio]:not(:disabled),input[type=range]:not(:disabled),input[type=reset]:not(:disabled),input[type=submit]:not(:disabled){cursor:pointer}label:has(input[type=checkbox]:not(:disabled)){cursor:pointer}label:has(input[type=color]:not(:disabled)){cursor:pointer}label:has(input[type=file]:not(:disabled)){cursor:pointer}label:has(input[type=radio]:not(:disabled)){cursor:pointer}label:has(input[type=range]:not(:disabled)){cursor:pointer}label:has(select:not(:disabled)){cursor:pointer}.portal-loading,.portal-auth{background:var(--bg);color:var(--text);justify-content:center;align-items:center;height:100%;display:flex}.portal-auth>section{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(460px,100vw - 32px);padding:34px;box-shadow:0 24px 70px #00000052}.portal-auth h1,.portal-page h1{margin:5px 0 8px;font-size:28px}.portal-auth p,.portal-page header>p:last-child{color:var(--muted);line-height:1.55}.portal-auth form,.portal-form-page form{gap:13px;margin-top:24px;display:grid}.portal-auth label,.portal-form-page label{gap:6px;display:grid}.portal-auth label span,.portal-form-page label span{color:var(--muted);font-size:11px;font-weight:600}.portal-auth input,.portal-form-page input,.portal-form-page select,.portal-user-create input,.portal-user-create select,.portal-user-list select{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);border-radius:6px;min-height:40px;padding:8px 10px}.portal-auth form>button,.portal-form-page form>button,.portal-user-create button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;min-height:42px}.portal-auth-mark{width:34px;height:34px;position:relative}.portal-auth-mark span{background:var(--accent);transform-origin:9px 15px;border-radius:70% 35% 65% 40%;width:14px;height:19px;position:absolute;left:8px}.portal-auth-mark span:nth-child(2){transform:rotate(120deg)}.portal-auth-mark span:nth-child(3){transform:rotate(240deg)}.portal-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:14px 0 0;font-size:10px;font-weight:700;color:var(--accent)!important}.portal-form-error{color:var(--red);background:#f0565e1a;border:1px solid #f0565e59;border-radius:5px;padding:9px;font-size:11px}.portal-shell{background:var(--bg);color:var(--text);grid-template-columns:218px minmax(0,1fr);height:100%;display:grid}.portal-sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;min-height:0;padding:15px 10px;display:flex}.portal-brand{align-items:center;gap:5px;padding:5px 8px 22px;display:flex}.portal-brand .brand-mark{margin-right:5px}.portal-brand>span{color:var(--muted)}.portal-profile-switcher{background:var(--panel-raised);border:1px solid var(--line);border-radius:7px;gap:5px;margin:0 3px 14px;padding:9px;display:grid}.portal-profile-switcher span,.portal-profile-switcher small{color:var(--muted);font-size:9px}.portal-profile-switcher select{background:var(--panel);border:1px solid var(--line-soft);color:var(--text);border-radius:5px;width:100%;min-height:31px;padding:0 7px}.portal-sidebar nav{gap:4px;display:grid}.portal-sidebar nav a,.portal-sidebar nav button{color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:9px;min-height:38px;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.portal-sidebar nav a.active,.portal-sidebar nav button.active{background:var(--accent-soft);color:var(--text);border-color:#8171f140}.portal-account{border-top:1px solid var(--line);align-items:center;gap:5px;margin-top:auto;padding:12px 3px 0;display:flex}.portal-account button{color:var(--muted);cursor:pointer;background:0 0;border:0}.portal-account button:first-child{text-align:left;flex-direction:column;flex:1;min-width:0;display:flex}.portal-account strong{color:var(--text);font-size:10px}.portal-account span{font-size:8px}.portal-main{min-width:0;min-height:0;overflow:auto}.portal-main>.app-shell,.portal-studio-host,.portal-studio-host>.app-shell{height:100%}.portal-page{max-width:1120px;margin:0 auto;padding:46px}.portal-page-header-actions{justify-content:space-between;align-items:start;gap:16px;display:flex}.portal-secondary-button{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:38px;padding:0 13px;display:inline-flex}.portal-header-icon-button{min-width:38px;padding:0}.portal-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px;display:grid}.portal-stat-grid article{background:var(--panel);border:1px solid var(--line);border-radius:9px;flex-direction:column;gap:7px;padding:20px;display:flex}.portal-stat-grid span,.portal-stat-grid small{color:var(--muted);font-size:10px}.portal-stat-grid strong{overflow-wrap:anywhere;font-size:24px}.portal-card-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.portal-obs-quick-connect{margin-top:18px}.portal-obs-status{background:var(--panel-raised);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex-shrink:0;align-items:center;gap:7px;min-height:30px;padding:0 11px;font-size:10px;display:inline-flex}.portal-obs-status i{background:var(--dim);border-radius:999px;width:7px;height:7px}.portal-obs-status.connected{color:var(--green)}.portal-obs-status.connected i{background:var(--green)}.portal-obs-status.connecting{color:var(--amber)}.portal-obs-status.connecting i{background:var(--amber)}.portal-saved-obs-list{gap:8px;display:grid}.portal-saved-obs-list article{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:7px;grid-template-columns:minmax(0,1fr) auto 38px;align-items:center;gap:10px;padding:10px;display:grid}.portal-saved-obs-list article>div{gap:3px;min-width:0;display:grid}.portal-saved-obs-list strong{font-size:12px}.portal-saved-obs-list span{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.portal-files-page{max-width:1220px}.portal-file-upload-card,.portal-file-library-card{margin-top:18px}.portal-file-upload{background:var(--panel-raised);border:1px dashed var(--line);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:92px;display:flex;position:relative}.portal-file-upload input{opacity:0;position:absolute;inset:0}.portal-file-upload span{color:var(--text);font-size:13px;font-weight:700}.portal-file-target{gap:6px;min-width:220px;display:grid}.portal-file-target span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.portal-file-target select{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);border-radius:6px;min-height:38px;padding:0 10px}.portal-file-filters{grid-template-columns:minmax(180px,1fr) minmax(150px,190px) minmax(150px,190px);gap:10px;margin:18px 0;display:grid}.portal-file-filters label{gap:6px;display:grid}.portal-file-filters span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.portal-file-filters input,.portal-file-filters select{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);border-radius:6px;min-width:0;min-height:38px;padding:0 10px}.portal-file-bulk-actions{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;padding:10px;display:flex}.portal-file-bulk-actions>div{gap:2px;min-width:190px;margin-right:auto;display:grid}.portal-file-bulk-actions strong{font-size:12px}.portal-file-bulk-actions span{color:var(--muted);font-size:10px}.portal-file-bulk-actions .portal-secondary-button{align-items:center;gap:6px;min-height:34px;padding:0 10px;display:inline-flex}.portal-file-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px;display:grid}.portal-file-grid article{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:8px;flex-direction:column;gap:10px;min-width:0;height:100%;padding:10px;display:flex;position:relative;overflow:hidden}.portal-file-grid article.selected{background:var(--accent-soft);border-color:#8171f173}.portal-file-select{z-index:1;background:#080b10b8;border:1px solid #ffffff29;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:16px;left:16px}.portal-file-select input{cursor:pointer;width:16px;height:16px;margin:0}.portal-file-select span{display:none}.portal-file-preview-button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;flex:none;min-width:0;padding:0;display:block;position:relative}.portal-file-preview-button:disabled{cursor:not-allowed;opacity:.65}.portal-file-preview-button:hover:not(:disabled) .portal-file-preview-media,.portal-file-preview-button:hover:not(:disabled) .portal-file-audio-preview,.portal-file-preview-button:focus-visible .portal-file-preview-media,.portal-file-preview-button:focus-visible .portal-file-audio-preview,.portal-file-preview-button.active .portal-file-audio-preview{border-color:#8171f1a6;box-shadow:0 0 0 1px #8171f140}.portal-file-preview-cue{background:#080b10c7;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:8px;right:8px;color:var(--text)!important}.portal-file-preview-button:hover:not(:disabled) .portal-file-preview-cue,.portal-file-preview-button.active .portal-file-preview-cue{background:var(--accent-soft);border-color:#8171f18c;color:var(--accent)!important}.portal-file-preview-media,.portal-file-audio-preview{aspect-ratio:16/9;border:1px solid var(--line);object-fit:contain;background-color:#080b10;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%),linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:6px;width:100%}.portal-file-preview-media{display:block}.portal-file-audio-preview{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.portal-file-audio-preview span{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:700}.portal-file-details{flex:none;grid-template-columns:minmax(0,1fr);gap:5px;min-width:0;max-width:100%;display:grid;overflow:hidden}.portal-file-grid strong{overflow-wrap:anywhere;font-size:12px}.portal-file-grid span{color:var(--muted);font-size:10px}.portal-file-link-row{grid-template-columns:minmax(0,1fr) 34px;gap:6px;min-width:0;max-width:100%;display:grid;overflow:hidden}.portal-file-link-row .portal-user-icon-action{width:34px;min-height:31px}.portal-file-url-input{background:var(--panel);border:1px solid var(--line);color:var(--muted);inline-size:100%;max-width:100%;min-height:31px;min-inline-size:0;text-overflow:ellipsis;border-radius:5px;width:100%;min-width:0;padding:0 8px;font-size:10px;display:block;overflow:hidden}.portal-file-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.portal-file-actions .portal-secondary-button{min-height:34px;padding:0 10px}.portal-file-actions .portal-user-icon-action.active{background:var(--accent-soft);color:var(--accent);border-color:#8171f18c}.portal-file-empty{border:1px dashed var(--line);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:140px;display:flex}.portal-onboarding{background:var(--panel);border:1px solid var(--line);border-radius:9px;margin-top:18px;padding:22px}.portal-onboarding h2{margin:0 0 16px;font-size:15px}.portal-onboarding ol{gap:12px;margin:0;padding:0;list-style:none;display:grid}.portal-onboarding li{flex-direction:column;gap:3px;display:flex}.portal-onboarding strong{font-size:11px}.portal-onboarding span{color:var(--muted);font-size:10px}.portal-form-page form{max-width:560px}.portal-profile-grid{grid-template-columns:minmax(0,560px) minmax(320px,1fr);grid-template-areas:"account twitch""account sharing";align-items:start;gap:18px;margin-top:24px;display:grid}.portal-profile-grid>form{grid-area:account;margin-top:0}.portal-account-form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.portal-profile-card{background:var(--panel);border:1px solid var(--line);border-radius:9px;gap:16px;padding:22px;display:grid}.portal-profile-card .portal-eyebrow{margin-top:0}.portal-profile-card h2{margin:4px 0 7px;font-size:19px}.portal-profile-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.portal-profile-card dl{gap:8px;margin:0;display:grid}.portal-profile-card dl>div{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:6px;justify-content:space-between;align-items:center;min-height:40px;padding:8px 10px;display:flex}.portal-profile-card dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.portal-profile-card dd{overflow-wrap:anywhere;margin:0;font-size:11px}.portal-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.portal-profile-actions button{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:6px;min-height:40px}.portal-profile-actions button:first-child{background:var(--accent);border-color:var(--accent);color:#fff}.portal-profile-actions button:disabled{cursor:not-allowed;opacity:.55}.portal-profile-note{background:var(--accent-soft);border:1px solid #8171f140;border-radius:6px;padding:10px;color:var(--text)!important}.portal-twitch-activation{background:#39c9971a;border:1px solid #39c9974d;border-radius:7px;gap:7px;padding:12px;display:grid}.portal-twitch-activation span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.portal-twitch-activation strong{color:var(--text);letter-spacing:.14em;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:22px}.portal-twitch-activation a{color:var(--green);font-size:11px;text-decoration:none}.portal-twitch-card{grid-area:twitch}.portal-access-card{grid-area:sharing}.portal-access-form{grid-template-columns:minmax(0,1fr) auto;gap:8px!important;max-width:none!important;margin:0!important;display:grid!important}.portal-access-form button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;align-self:end;min-height:40px;padding:0 13px}.portal-access-list{gap:7px;display:grid}.portal-access-list article{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:9px;display:flex}.portal-access-list article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.portal-access-list strong{font-size:11px}.portal-access-list span,.portal-access-list p{color:var(--muted);margin:0;font-size:10px}.portal-access-list button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:5px;min-height:32px;padding:0 10px}.portal-sharing-section{border-top:1px solid var(--line-soft);gap:6px;padding-top:4px;display:grid}.portal-sharing-section h3{margin:0;font-size:13px}@media (width<=980px){.portal-profile-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"account""twitch""sharing"}.portal-profile-grid>form{max-width:none}}@media (width<=640px){.portal-account-form-row{grid-template-columns:minmax(0,1fr)}.portal-card-heading{flex-direction:column}.portal-file-filters,.portal-saved-obs-list article{grid-template-columns:minmax(0,1fr)}.portal-saved-obs-list .portal-secondary-button,.portal-saved-obs-list .portal-user-icon-action{justify-self:start}}.portal-user-create{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;margin:25px 0 15px;display:grid;max-width:none!important}.portal-user-management-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:18px;margin-top:18px;display:grid}.portal-user-edit-page{max-width:980px}.portal-user-list-card,.portal-admin-user-editor{align-content:start}.portal-admin-user-form{gap:13px!important;max-width:none!important;margin:0!important;display:grid!important}.portal-admin-twitch-actions{grid-template-columns:minmax(0,1fr)}.portal-user-list{gap:7px;display:grid}.portal-user-list article{background:var(--panel);border:1px solid var(--line);border-radius:6px;grid-template-columns:minmax(170px,1fr) 95px 70px repeat(3,36px);align-items:center;gap:8px;padding:10px;display:grid}.portal-user-list article.active{background:var(--accent-soft);border-color:#8171f173}.portal-user-list article.banned>div,.portal-user-list article.banned .portal-user-role,.portal-user-list article.banned .portal-user-status{opacity:.65}.portal-user-list article>div{flex-direction:column;display:flex}.portal-user-list strong{font-size:11px}.portal-user-list span{color:var(--muted);font-size:9px}.portal-user-list .portal-user-role,.portal-user-list .portal-user-status{background:var(--panel-raised);border:1px solid var(--line-soft);color:var(--text);border-radius:999px;justify-self:start;padding:5px 8px}.portal-user-list button,.portal-user-icon-action{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-height:34px;padding:0;display:inline-flex}.portal-user-icon-action{width:34px}.portal-user-icon-action svg{width:16px;height:16px}.portal-delete-icon-action{color:var(--red);border-color:#f0565e59}.portal-delete-icon-action:hover:not(:disabled){background:#f0565e1a;border-color:#f0565e8c}.portal-user-list button:disabled{cursor:not-allowed;opacity:.55}@media (width<=1180px){.portal-user-management-grid{grid-template-columns:minmax(0,1fr)}.portal-user-list article{grid-template-columns:minmax(170px,1fr) 95px 70px repeat(3,36px)}}@media (width<=760px){.portal-user-create,.portal-user-list article{grid-template-columns:minmax(0,1fr)}.portal-user-list .portal-user-role,.portal-user-list .portal-user-status{justify-self:stretch}}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app-shell{background:radial-gradient(circle at 50% -20%, #6656b417, transparent 35%), var(--bg);grid-template-rows:54px minmax(0,1fr) 25px;height:100%;min-height:0;display:grid;overflow:hidden}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#0c0e13f5;grid-template-columns:210px minmax(180px,1fr) auto;align-items:center;padding:0 14px;display:grid;position:relative}.brand{letter-spacing:-.02em;align-items:center;gap:10px;display:flex}.brand>div:last-child{gap:4px;font-size:15px;display:flex}.brand strong{font-weight:700}.brand>div:last-child span{color:var(--muted);font-weight:500}.brand-mark{width:27px;height:27px;position:relative}.brand-mark span,.obs-symbol span{transform-origin:8px 12px;background:linear-gradient(145deg,#9a8bff,#6352da);border-radius:70% 35% 65% 40%;width:11px;height:15px;position:absolute;top:1px;left:6px}.brand-mark span:nth-child(2),.obs-symbol span:nth-child(2){transform:rotate(120deg)}.brand-mark span:nth-child(3),.obs-symbol span:nth-child(3){transform:rotate(240deg)}.topbar-center{color:#c8cdd6;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.connection-dot{background:var(--dim);border-radius:50%;width:7px;height:7px}.connection-dot.connected{background:var(--green);box-shadow:0 0 10px #39c99799}.connection-dot.connecting{background:var(--amber);animation:.9s infinite alternate blink}.topbar-divider{background:var(--line);width:1px;height:15px;margin:0 3px}.quiet{color:var(--dim)}.topbar-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.topbar-options{position:relative}.options-button{color:#d7dbe2;cursor:pointer;background:#151a22;border:1px solid #2c3440;border-radius:5px;align-items:center;gap:7px;height:32px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.options-button:hover,.options-button[aria-expanded=true]{background:#202631;border-color:#3c4655}.topbar-options-menu{color:var(--text);z-index:110;background:#11151b;border:1px solid #343b47;border-radius:8px;gap:12px;width:360px;padding:12px;display:grid;position:absolute;top:40px;right:0;box-shadow:0 20px 60px #000000ad}.topbar-options-menu section{gap:8px;display:grid}.topbar-options-menu section+section{border-top:1px solid var(--line-soft);padding-top:12px}.topbar-options-menu h3{color:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:9px}.topbar-menu-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.topbar-menu-row>span{color:var(--muted);font-size:11px}.topbar-menu-actions{gap:8px;display:grid}.topbar-menu-actions.two{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-options-menu .apply-changes-button,.topbar-options-menu .resync-button{justify-content:center;width:100%;min-width:0}.change-mode,.control-segment{background:#0a0d11;border:1px solid #292f38;border-radius:4px;display:flex;overflow:hidden}.change-mode button,.control-segment button{color:#727b89;cursor:pointer;background:0 0;border:0;height:28px;padding:0 9px;font-size:9px;font-weight:600}.change-mode button.active,.control-segment button.active{color:#aaa0f4;background:#272334}.apply-changes-button{cursor:pointer;background:#6656d2;border:1px solid #8474eb;border-radius:4px;height:30px;padding:0 10px;font-size:9px;font-weight:700}.icon-button,.panel-icon,.monitor-meta button,.mixer-title button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-button{border-radius:5px;width:32px;height:32px}.icon-button:hover,.panel-icon:hover{background:var(--panel-hover);color:var(--text)}.icon-button:disabled{cursor:default;opacity:.35}.connection-button{cursor:pointer;background:#1b1f27;border:1px solid #2c323d;border-radius:5px;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.resync-button{color:#b7bdc7;cursor:pointer;background:0 0;border:1px solid #2a3039;border-radius:5px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.resync-button:hover:not(:disabled){color:#fff;background:#1b2028;border-color:#3a4250}.resync-button:disabled{cursor:default;opacity:.38}.resync-button.active{color:#7be0bd;background:#39c9971f;border-color:#39c9977a}.connection-button:hover{background:#232833;border-color:#3b4250}.overlay-preview-controls{position:relative}.overlay-preview-controls>.resync-button i{background:var(--green);box-shadow:0 0 7px var(--green);border-radius:50%;width:6px;height:6px;margin-left:1px}.overlay-preview-menu{color:var(--text);z-index:100;background:#11151b;border:1px solid #343b47;border-radius:7px;gap:9px;width:390px;padding:11px;display:grid;position:absolute;top:38px;right:0;box-shadow:0 20px 60px #000000ad}.overlay-preview-menu>header{justify-content:space-between;align-items:start;display:flex}.overlay-preview-menu>header>div{flex-direction:column;gap:3px;display:flex}.overlay-preview-menu>header strong{font-size:11px}.overlay-preview-menu>header span{color:var(--muted);font-size:8px}.overlay-preview-menu>header button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:2px;display:flex}.overlay-preview-run{color:#d9dde4;cursor:pointer;text-align:left;background:#171c24;border:1px solid #303846;border-radius:5px;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.overlay-preview-run>span{flex-direction:column;gap:2px;display:flex}.overlay-preview-run strong{font-size:9px}.overlay-preview-run small{color:var(--dim);font-size:8px}.overlay-preview-run>i{background:#3a414e;border-radius:9px;width:29px;height:16px;position:relative}.overlay-preview-run>i:after{content:"";background:#a6adb8;border-radius:50%;width:12px;height:12px;transition:transform .15s;position:absolute;top:2px;left:2px}.overlay-preview-run.active{background:#39c99714;border-color:#39c99759}.overlay-preview-run.active>i{background:#288866}.overlay-preview-run.active>i:after{background:#fff;transform:translate(13px)}.overlay-preview-events{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.overlay-preview-events button{color:#cdd2db;cursor:pointer;background:#202631;border:1px solid #343c49;border-radius:4px;min-height:31px;padding:5px 6px;font-size:8px}.overlay-preview-events button:hover:not(:disabled){background:var(--accent-soft);color:#fff;border-color:#8171f166}.overlay-preview-events button:disabled{cursor:wait;opacity:.55}.overlay-preview-menu>p{border-top:1px solid var(--line-soft);color:var(--dim);margin:0;padding-top:8px;font-size:8px;line-height:1.45}.workspace{grid-template-rows:minmax(0,56fr) minmax(0,44fr);gap:5px;min-height:0;padding:5px;display:grid;overflow:hidden}.monitor-deck{border:1px solid var(--line-soft);z-index:1;background:#07090c;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:0;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.monitor{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.monitor-header{border-bottom:1px solid var(--line-soft);z-index:5;background:#0e1116;flex:0 0 37px;justify-content:space-between;align-items:center;height:37px;padding:0 9px;display:flex;position:relative}.monitor-header>div{align-items:center;gap:9px;min-width:0;display:flex}.monitor-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.monitor-badge{letter-spacing:.1em;border:1px solid;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:700}.monitor-badge.green{color:var(--green);background:#39c99714;border-color:#39c99780}.monitor-badge.red{color:#ff7279;background:#f0565e14;border-color:#f0565e80}.monitor-meta{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:9px;gap:10px!important}.monitor-meta button{padding:0}.monitor-frame{background:radial-gradient(circle,#151922,#090b0f 68%),#090b0f;flex:1;justify-content:center;align-items:center;min-height:0;padding:10px 12px;display:flex;position:relative;overflow:hidden}.canvas-viewport{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.canvas-stage{touch-action:none;background:#0b0e13;flex:none;width:100%;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000080,0 0 0 1px #202630}.canvas-stage.editable{cursor:default}.canvas-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:6.25% 11.111%;position:absolute;inset:0}.snap-guide{pointer-events:none;z-index:200;background:#4bd7ff;position:absolute;box-shadow:0 0 5px #4bd7ffbf}.snap-guide.vertical{width:1px;top:0;bottom:0}.snap-guide.horizontal{height:1px;left:0;right:0}.preview-shortcuts{align-items:center;font-family:DM Sans,Inter,ui-sans-serif,system-ui,sans-serif;display:flex;position:relative}.preview-shortcuts-button{color:#8f9aaa;cursor:pointer;background:#151a22;border:1px solid #2c3440;border-radius:5px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.preview-shortcuts-button:hover,.preview-shortcuts-button[aria-expanded=true]{color:var(--text);background:#202631;border-color:#3c4655}.preview-shortcuts-popover{background:var(--panel);border:1px solid var(--line);color:var(--text);z-index:30;border-radius:8px;gap:12px;width:300px;padding:13px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 50px #00000061}.preview-shortcuts-popover strong{font-size:11px}.preview-shortcuts-popover dl{gap:8px;margin:0;display:grid}.preview-shortcuts-popover dl>div{grid-template-columns:120px minmax(0,1fr);align-items:start;gap:10px;display:grid}.preview-shortcuts-popover dt{color:#dfe5ee;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:9px}.preview-shortcuts-popover dd{color:var(--muted);margin:0;font-size:10px;line-height:1.35}.scene-snapshot{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.canvas-item{pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;overflow:visible}.canvas-item>img,.mock-generic,.mock-browser,.mock-logo,.mock-text-source{pointer-events:none;width:100%;height:100%}.canvas-item>img{object-fit:fill;display:block}.canvas-item.snapshot-overlay{background:0 0}.canvas-item.snapshot-overlay:hover{outline:1px dashed #ffffff40}.canvas-item.selected,.canvas-item.snapshot-overlay.selected{outline:1.5px solid #ef4f58;z-index:300!important}.canvas-context-menu{z-index:2147483647;background:#171b22;border:1px solid #343b47;border-radius:5px;min-width:205px;padding:5px;display:grid;position:fixed;box-shadow:0 14px 36px #00000080}.canvas-context-menu header{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:230px;padding:7px 9px 6px;font-size:10px;font-weight:600;overflow:hidden}.canvas-context-menu>span{border-top:1px solid var(--line);margin:4px 3px}.canvas-context-menu button{color:#d8dce4;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:3px;grid-template-columns:18px 1fr;align-items:center;gap:8px;padding:7px 8px;font-size:11px;display:grid}.canvas-context-menu button:hover:not(:disabled){background:var(--panel-hover)}.canvas-context-menu button:disabled{color:var(--dim);cursor:default}.selection-name{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#d9414a;border-radius:2px 2px 0 0;max-width:100%;padding:0 6px;font-size:clamp(6px,.65vw,10px);font-weight:600;line-height:16px;position:absolute;bottom:100%;left:-1px;overflow:hidden}.handle{pointer-events:auto;touch-action:none;background:#eff1f4;border:1px solid #d9414a;border-radius:1px;width:6px;height:6px;position:absolute}.handle:after{content:"";position:absolute;inset:-8px}.handle.nw{cursor:nwse-resize;top:-4px;left:-4px}.handle.n{cursor:ns-resize;top:-4px;left:calc(50% - 3px)}.handle.ne{cursor:nesw-resize;top:-4px;right:-4px}.handle.e{cursor:ew-resize;top:calc(50% - 3px);right:-4px}.handle.s{cursor:ns-resize;bottom:-4px;left:calc(50% - 3px)}.handle.sw{cursor:nesw-resize;bottom:-4px;left:-4px}.handle.se{cursor:nwse-resize;bottom:-4px;right:-4px}.handle.w{cursor:ew-resize;top:calc(50% - 3px);left:-4px}.mock-text-source{border-left:max(3px, .3vw) solid var(--accent);background:linear-gradient(90deg,#090b10f5,#161922e0);grid-template-rows:1fr 1fr;grid-template-columns:0 1fr;align-items:center;padding:7% 5%;display:grid}.mock-text-source>span{width:max(3px,.3vw);position:absolute;top:0;bottom:0;left:calc(-1*max(3px,.3vw))}.mock-text-source strong{align-self:end;font-size:clamp(6px,1.3vw,21px);line-height:1}.mock-text-source small{color:var(--muted);letter-spacing:.15em;align-self:start;margin-top:4%;font-size:clamp(3px,.5vw,8px)}.mock-logo{color:#fff;letter-spacing:-.06em;align-items:center;gap:3%;font-size:clamp(5px,1vw,16px);display:flex}.mock-logo span{background:#7765ed;border-radius:4px;padding:5% 7%;font-weight:800}.mock-logo strong{font-weight:700}.mock-browser,.mock-generic{color:#b4f0ddb3;background:linear-gradient(135deg,#33b98f33,#0d1119f5),#10151e;border:1px solid #5fe1b740;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:clamp(4px,.7vw,11px);display:flex}.mock-generic{color:var(--muted);background:#151a23;border-color:#2d3440}.empty-canvas{color:var(--dim);justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.transition-rail{border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);background:#0d1015;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding-top:37px;display:flex}.rail-line{background:linear-gradient(transparent, var(--line), transparent);flex:1;width:1px;min-height:10px}.take-button{cursor:pointer;letter-spacing:.08em;background:linear-gradient(145deg,#7564e5,#5b4dc7);border:1px solid #8878f3;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:59px;height:49px;font-size:9px;font-weight:700;display:flex;box-shadow:0 5px 16px #4b3da740}.take-button:hover{filter:brightness(1.12)}.transition-meta{text-align:center;flex-direction:column;gap:2px;display:flex}.transition-meta span{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:8px}.dock-deck{background:var(--bg);z-index:2;grid-template-columns:minmax(180px,.78fr) minmax(250px,1.1fr) minmax(150px,.67fr) minmax(275px,1.25fr) minmax(188px,.78fr);gap:5px;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.panel{background:var(--panel);border:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);background:#12161c;flex:0 0 34px;justify-content:space-between;align-items:center;padding:0 9px;display:flex}.panel-header>div{align-items:center;gap:7px;min-width:0;display:flex}.panel-header svg{color:var(--muted)}.panel-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.panel-icon{border-radius:3px;width:25px;height:25px;padding:0}.panel-icon:disabled{cursor:default;opacity:.3}.panel-icon.active{background:var(--accent-soft);color:#a69cff}.search-field{background:#0d1015;border:1px solid #202630;border-radius:4px;flex:0 0 28px;align-items:center;gap:6px;margin:7px;padding:0 7px;display:flex}.search-field>svg{color:var(--dim)}.search-field input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:10px}.search-field input::placeholder{color:#555d6a}.search-field button{color:var(--dim);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.scrollable{scrollbar-color:#343b47 transparent;scrollbar-width:thin;min-height:0;overflow:auto}.scene-list{flex-direction:column;flex:1;gap:2px;padding:0 6px 6px;display:flex}.scene-row{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;flex:0 0 43px;grid-template-columns:61px 1fr 8px;align-items:center;gap:8px;padding:3px 7px 3px 3px;display:grid;overflow:hidden}.scene-row:hover{background:var(--panel-hover)}.scene-row.selected{background:var(--accent-soft);border-color:#8171f159}.scene-row.program{box-shadow:inset 2px 0 var(--red)}.scene-thumb{aspect-ratio:16/9;background:#090b0f;border:1px solid #2a3039;justify-content:center;align-items:center;width:61px;display:flex;position:relative;overflow:hidden}.scene-thumb img,.scene-glyph{object-fit:cover;width:100%;height:100%}.scene-glyph{color:#ffffff73;justify-content:center;align-items:center;display:flex}.scene-thumb i{background:var(--red);color:#fff;letter-spacing:.08em;padding:1px 3px;font-size:6px;font-style:normal;font-weight:700;position:absolute;bottom:1px;right:1px}.scene-name,.source-name{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.preview-pin{background:var(--green);border-radius:50%;width:5px;height:5px}.panel-footer{border-top:1px solid var(--line);background:#10141a;flex:0 0 29px;align-items:center;padding:0 5px;display:flex}.panel-footer span{flex:1}.panel-footer button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;width:25px;height:23px;padding:0;display:flex}.panel-footer button:hover:not(:disabled){background:var(--panel-hover);color:#fff}.panel-footer button:disabled{opacity:.3}.source-list{flex:1;padding:0 6px 6px}.source-row{cursor:pointer;border:1px solid #0000;border-radius:3px;grid-template-columns:16px 21px 23px minmax(0,1fr) 22px;align-items:center;gap:6px;height:29px;padding:0 4px;display:grid}.source-row:hover{background:var(--panel-hover)}.source-row.selected{background:var(--accent-soft);border-color:#8171f147}.source-row.disabled .source-name,.source-row.disabled .source-kind{opacity:.42}.source-row.group .source-name{font-weight:600}.source-expand,.source-toggle,.source-lock{color:#77808e;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.source-expand{color:var(--muted)}.source-expand-spacer{width:16px}.source-lock{color:#555e6b}.source-toggle:hover,.source-lock:hover:not(:disabled){color:#fff}.source-kind{color:#9e94f6;background:#202632;border-radius:3px;justify-content:center;align-items:center;width:23px;height:21px;display:flex}.inspector-panel{background:#0f1217}.inspector-scroll{flex:1}.inspector-source{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;margin:0 9px;padding:9px 0;display:flex}.inspector-source>div:last-child{flex-direction:column;min-width:0;display:flex}.inspector-source strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.inspector-source small{color:var(--dim);margin-top:2px;font-family:JetBrains Mono,monospace;font-size:8px}.inspector-fields{gap:6px;padding:9px;display:grid}.transform-section{border-bottom:1px solid var(--line-soft);padding-bottom:4px}.transform-section h3{color:#747d8a;letter-spacing:.12em;text-transform:uppercase;margin:9px 9px 0;font-size:7px}.inspector-fields label{color:var(--muted);grid-template-columns:55px 1fr;align-items:center;gap:5px;font-size:9px;display:grid}.inspector-fields label>div{background:#0a0d11;border:1px solid #292f39;border-radius:3px;align-items:center;min-width:0;display:flex}.inspector-fields input{color:#d5d9e0;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:5px;font-family:JetBrains Mono,monospace;font-size:8px}.inspector-fields i{color:var(--dim);padding-right:5px;font-size:8px;font-style:normal}.inspector-fields select{color:#d5d9e0;background:#0a0d11;border:1px solid #292f39;border-radius:3px;outline:0;width:100%;min-width:0;padding:5px;font-size:8px}.select-transform-field{align-items:center}.alignment-grid-field{gap:5px;min-width:0;display:grid}.alignment-grid-field>span:first-child{color:#aeb5c0;font-size:8px;font-weight:600}.alignment-grid-options{grid-template-columns:repeat(3,22px);gap:4px;width:max-content;display:grid}.alignment-grid-options button{color:var(--muted);cursor:pointer;background:#080b10;border:1px solid #29303a;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .12s,border-color .12s,color .12s;display:flex}.alignment-grid-options button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--accent);color:var(--text)}.alignment-grid-options button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.alignment-grid-options button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.alignment-grid-options button:disabled{cursor:not-allowed;opacity:.55}.alignment-grid-options button>span{background:currentColor;border-radius:999px;width:5px;height:5px}.inspector-fields .alignment-grid-field{color:var(--muted);grid-template-columns:55px 1fr;align-items:center;font-size:9px}.inspector-fields .alignment-grid-field>span:first-child{color:var(--muted);font-size:inherit;font-weight:400}.inspector-fields .alignment-grid-options{grid-template-columns:repeat(3,18px);gap:3px}.inspector-fields .alignment-grid-options button{border-radius:3px;width:18px;height:18px}.inspector-fields .alignment-grid-options button>span{width:4px;height:4px}.two-column-fields{grid-template-columns:1fr 1fr}.two-column-fields label{grid-template-columns:1fr;align-items:start;gap:3px}.source-dimensions{color:var(--dim);margin:-3px 9px 7px 69px;font-family:JetBrains Mono,monospace;font-size:7px}.section-action{color:#9489e7;cursor:pointer;background:0 0;border:0;margin:-2px 9px 6px;padding:2px 0;font-size:8px}.section-action:hover{color:#b1a8f8}.inspector-footer{border-top:1px solid var(--line);padding:7px 9px}.fit-button{cursor:pointer;background:#191e27;border:1px solid #2b323d;border-radius:3px;width:100%;margin:0;padding:6px;font-size:9px}.fit-button:hover{background:#222833}.empty-inspector{color:var(--dim);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:18px;font-size:9px;display:flex}.mixer-list{flex:1;padding:4px 7px 7px}.empty-mixer{color:var(--muted);text-align:center;padding:24px 18px}.mixer-strip{border-bottom:1px solid var(--line-soft);gap:3px;padding:6px 0;display:grid}.mixer-strip:last-child{border-bottom:0}.mixer-title{justify-content:space-between;align-items:center;display:flex}.mixer-title>span{align-items:center;gap:5px;font-size:9px;display:flex}.mixer-title svg{color:#9a91ea}.mixer-title button{padding:0}.meter-row{grid-template-columns:1fr 25px;align-items:center;gap:6px;display:grid}.meter-row>span{color:var(--dim);text-align:right;font-family:JetBrains Mono,monospace;font-size:7px}.meter{background:#07090c;border-radius:1px;height:4px;position:relative;overflow:hidden}.meter-fill{background:linear-gradient(90deg,#30b888 0 73%,#e4b443 84%,#ed5a62 95%);transition:width 80ms linear;position:absolute;top:0;bottom:0;left:0}.meter-warning,.meter-clip{background:#0a0d10;width:1px;position:absolute;top:0;bottom:0}.meter-warning{left:75%}.meter-clip{left:92%}.fader-row{grid-template-columns:21px minmax(0,1fr) 29px;align-items:center;gap:6px;display:grid}.fader-row>button{color:#a8afbb;cursor:pointer;background:#1b2029;border:0;border-radius:3px;justify-content:center;align-items:center;height:20px;padding:0;display:flex}.fader-row>button.muted{color:var(--red);background:#f0565e2e}.fader-row output{color:#a5acb7;text-align:right;font-family:JetBrains Mono,monospace;font-size:7px}.fader{background:#080a0e;border-radius:2px;height:4px;position:relative}.fader>span{background:#7264d7;border-radius:2px;position:absolute;top:0;bottom:0;left:0}.fader input{appearance:none;background:0 0;width:100%;height:12px;margin:0;position:absolute;top:-4px;left:0}.fader input::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#dfe2e7;border:1px solid #303641;border-radius:2px;width:6px;height:12px}.fader input::-moz-range-thumb{cursor:pointer;background:#dfe2e7;border:1px solid #303641;border-radius:2px;width:5px;height:10px}.mixer-strip.muted{opacity:.65}.control-list{gap:5px;padding:7px;display:grid}.control-list>button{cursor:pointer;text-align:left;background:#171b22;border:1px solid #272d36;border-radius:4px;grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:38px;padding:5px 8px;display:grid}.control-list>button:hover{background:#1d222b;border-color:#363e4a}.control-list>button:disabled{cursor:default;opacity:.42}.change-control{background:#171b22;border:1px solid #272d36;border-radius:4px;gap:7px;padding:7px 8px;display:grid}.change-control>div{grid-template-columns:25px 1fr;align-items:center;gap:7px;display:grid}.change-control>div>svg{color:#929aa8}.change-control>div>span{flex-direction:column;display:flex}.change-control strong{font-size:9px}.change-control small{color:var(--dim);font-size:7px}.control-segment{grid-template-columns:1fr 1fr;display:grid}.control-segment button{height:25px}.pending-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.pending-actions button{color:#c4c9d1;cursor:pointer;background:#20252e;border:1px solid #303743;border-radius:3px;height:25px;font-size:8px}.pending-actions button:first-child{color:#fff;background:#6656d2;border-color:#7e6ee5}.control-list>button>svg{color:#929aa8}.control-list>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.control-list strong{font-size:9px;font-weight:600}.control-list small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.control-list button.active.danger{background:#f0565e1a;border-color:#f0565e73}.control-list button.active.danger>svg{color:var(--red)}.control-list button.active.accent{background:var(--accent-soft);border-color:#8171f16b}.control-list button.active.accent>svg{color:#9c91f6}.switch{background:#333946;border-radius:10px;width:25px;height:14px;position:relative}.switch:after{content:"";background:#a6adb8;border-radius:50%;width:10px;height:10px;transition:transform .15s;position:absolute;top:2px;left:2px}.switch.on{background:#6557ca}.switch.on:after{background:#fff;transform:translate(11px)}.statusbar{border-top:1px solid var(--line);color:#68717f;background:#0d1014;align-items:center;gap:17px;padding:0 10px;font-family:JetBrains Mono,monospace;font-size:8px;display:flex}.statusbar span{align-items:center;gap:5px;display:flex}.status-spacer{flex:1}.statusbar i{background:#4c5360;border-radius:50%;width:5px;height:5px}.statusbar .status-live,.statusbar .status-recording,.statusbar .status-pending{color:#cbd0d8}.statusbar .status-pending i{background:var(--amber);box-shadow:0 0 5px var(--amber)}.statusbar .status-live i{background:var(--green);box-shadow:0 0 5px var(--green)}.statusbar .status-recording i{background:var(--red);box-shadow:0 0 5px var(--red)}.modal-backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1000;background:#030508bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popover-backdrop{z-index:950;position:fixed;inset:0}.source-type-menu{background:#11151b;border:1px solid #343b47;border-radius:7px;flex-direction:column;width:min(380px,100vw - 16px);max-height:min(590px,100vh - 90px);display:flex;position:fixed;overflow:hidden;box-shadow:0 20px 60px #000000a6}.source-type-menu>header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 0 0,#8171f124,#0000 55%),#151920;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.source-type-menu>header>div{flex-direction:column;display:flex}.source-type-menu>header strong{font-size:11px}.source-type-menu>header span{color:var(--dim);margin-top:1px;font-size:8px}.source-type-menu>header button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:3px;display:flex}.source-type-menu .search-field{flex-basis:30px}.source-type-menu-list{flex:1;padding:0 7px 8px}.source-type-menu-list section h3{color:#707987;letter-spacing:.12em;text-transform:uppercase;margin:9px 5px 4px;font-size:7px}.source-type-menu-list section>button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;grid-template-columns:27px minmax(0,1fr) 15px;align-items:center;gap:8px;width:100%;padding:7px;display:grid}.source-type-menu-list section>button:hover{background:var(--accent-soft);border-color:#8171f147}.source-type-menu-list section>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.source-type-menu-list section>button>span:nth-child(2) strong{font-size:9px}.source-type-menu-list section>button>span:nth-child(2) small{color:#707987;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;font-size:7px;line-height:1.35;display:-webkit-box;overflow:hidden}.source-type-menu-list section>button>svg{color:#666f7c;transform:rotate(-90deg)}.source-type-menu-icon{color:#9b90ef;background:#222834;border-radius:4px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.source-type-menu-state{color:var(--muted);text-align:center;justify-content:center;align-items:center;gap:7px;min-height:120px;padding:16px;font-size:9px;display:flex}.source-type-menu-state.error{color:#ef7b82}.quick-overlay-dialog{flex-direction:column;width:min(580px,100vw - 28px);max-height:min(680px,100vh - 28px);display:flex}.quick-overlay-dialog .search-field{margin:11px 14px 8px}.quick-overlay-list{gap:7px;min-height:170px;padding:0 14px 14px;display:grid}.quick-overlay-list article{border:1px solid var(--line);background:#0d1016;border-radius:6px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.quick-overlay-list article>div{flex-direction:column;gap:3px;min-width:0;display:flex}.quick-overlay-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.quick-overlay-list small{color:var(--dim);text-transform:uppercase;font-size:8px}.quick-overlay-list button{color:#d7dbe2;cursor:pointer;background:#202631;border:1px solid #343c49;border-radius:4px;min-height:31px;padding:0 11px;font-size:9px}.quick-overlay-list button:hover:not(:disabled){background:var(--accent-soft);color:#fff;border-color:#8171f166}.quick-overlay-list button:disabled{cursor:wait;opacity:.55}.quick-overlay-empty{color:var(--muted);justify-content:center;align-items:center;min-height:145px;font-size:10px;display:flex}.connection-dialog{background:radial-gradient(circle at 50% 0,#7563e124,#0000 32%),#11141a;border:1px solid #303641;border-radius:10px;width:430px;padding:31px 34px 24px;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000a6}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:5px;display:flex;position:absolute;top:12px;right:12px}.connection-illustration{width:110px;height:86px;margin:0 auto 5px;position:relative}.connection-orbit{border:1px solid #8171f12b;border-radius:50%;position:absolute;inset:4px 15px}.connection-orbit.two{opacity:.45;inset:-8px 3px}.connection-orbit:after,.connection-orbit:before{content:"";background:#8070e9;border-radius:50%;width:4px;height:4px;position:absolute;top:15px;left:4px;box-shadow:0 0 8px #8070e9}.connection-orbit:after{inset:auto 3px 13px auto}.obs-symbol{background:#171b24;border:1px solid #393f4d;border-radius:17px;width:60px;height:60px;position:absolute;top:15px;left:25px;box-shadow:0 8px 30px #4839a540}.obs-symbol span{transform-origin:10px 21px;width:19px;height:26px;top:9px;left:20px}.connection-copy{text-align:center}.eyebrow{color:#9185e8;letter-spacing:.18em;font-size:8px;font-weight:700}.connection-copy h2{letter-spacing:-.035em;margin:8px 0 6px;font-size:22px}.connection-copy p{color:var(--muted);max-width:350px;margin:0 auto 20px;font-size:11px;line-height:1.55}.connection-field{margin-bottom:11px;display:block}.connection-field>span{color:#b7bdc7;margin-bottom:5px;font-size:9px;font-weight:600;display:block}.connection-field>div{background:#0b0e13;border:1px solid #292f3a;border-radius:5px;align-items:center;gap:8px;height:39px;padding:0 11px;display:flex}.connection-field svg{color:var(--dim)}.connection-field input{color:var(--text);background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:11px}.connection-field>div:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #8171f11a}.connection-remember{cursor:pointer;background:#0d1015;border:1px solid #252b34;border-radius:5px;align-items:flex-start;gap:9px;margin:4px 0 12px;padding:9px 10px;display:flex}.connection-remember input{accent-color:var(--accent);margin-top:2px}.connection-remember>span{flex-direction:column;gap:2px;display:flex}.connection-remember strong{color:#c3c8d1;font-size:9px}.connection-remember small{color:var(--dim);font-size:8px;line-height:1.4}.connection-error{color:#ff8b91;background:#f0565e1a;border:1px solid #f0565e4d;border-radius:4px;margin-bottom:10px;padding:8px 10px;font-size:10px}.connect-submit{cursor:pointer;background:linear-gradient(145deg,#7b6ae8,#5e4dcd);border:1px solid #8d7cf4;border-radius:5px;justify-content:center;align-items:center;width:100%;height:39px;margin-top:14px;font-size:11px;font-weight:600;display:flex}.connect-submit svg{margin-left:8px;transform:rotate(-90deg)}.connect-submit .spin{margin-left:0;margin-right:8px}.connect-submit:disabled{cursor:wait;opacity:.7}.connection-note{border-top:1px solid var(--line-soft);color:var(--dim);text-align:center;margin:16px -34px -24px;padding:12px 34px;font-size:8px}.connection-note strong{color:#8d95a2}.editor-dialog{background:#11141a;border:1px solid #303641;border-radius:8px;width:500px;overflow:hidden;box-shadow:0 30px 80px #000000a6}.editor-dialog>header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 0 0,#8171f121,#0000 45%),#141820;justify-content:space-between;align-items:center;padding:17px 19px;display:flex}.editor-dialog>header>div{align-items:center;gap:11px;display:flex}.editor-dialog>header h2{margin:0;font-size:15px}.editor-dialog>header p{color:var(--muted);margin:3px 0 0;font-size:9px}.editor-dialog>header button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px}.dialog-icon{background:var(--accent-soft);color:#a89df7;border:1px solid #8171f14d;border-radius:6px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.dialog-icon.danger{color:#ff747b;background:#f0565e1f;border-color:#f0565e59}.dialog-body{gap:13px;padding:18px 20px;display:grid}.dialog-field{gap:6px;display:grid}.dialog-field>span{color:#b7bdc7;font-size:9px;font-weight:600}.dialog-field input,.dialog-field select,.dialog-field textarea{color:var(--text);background:#0b0e13;border:1px solid #292f3a;border-radius:4px;outline:0;width:100%;padding:9px 10px;font-size:10px}.dialog-input-suffix{display:flex;position:relative}.dialog-input-suffix input{padding-right:38px}.dialog-input-suffix i{color:var(--dim);pointer-events:none;font-size:8px;font-style:normal;position:absolute;top:10px;right:10px}.dialog-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dialog-field textarea{resize:vertical;min-height:105px;font-family:JetBrains Mono,monospace}.dialog-field input:focus,.dialog-field select:focus,.dialog-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #8171f11a}.dialog-field small{color:var(--dim);font-size:8px}.dialog-hint{color:var(--muted);background:#8171f112;border:1px solid #8171f12e;border-radius:4px;margin:0;padding:9px 10px;font-size:9px;line-height:1.5}.scene-dialog{width:440px}.source-dialog{flex-direction:column;width:min(680px,100vw - 40px);max-height:min(88vh,860px);display:flex}.source-dialog-body{align-content:start;overflow-y:auto}.source-type-description{background:linear-gradient(135deg,#8171f11a,#0000 70%),#0d1015;border:1px solid #8171f138;border-radius:5px;padding:11px 12px}.source-type-description>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.source-type-locked>div>span{flex-direction:column;display:flex}.source-type-locked>div>span small{color:#777f8d;margin-top:2px;font-size:7px;font-weight:500}.source-type-description code{color:#757e8c;font-family:JetBrains Mono,monospace;font-size:7px}.source-type-description p{color:#a3aab6;margin:6px 0 0;font-size:9px;line-height:1.5}.source-type-description>span{color:#8f85dd;margin-top:7px;font-size:8px;display:block}.source-settings-loading{color:var(--muted);justify-content:center;align-items:center;gap:8px;min-height:100px;font-size:9px;display:flex}.browser-image-helper{background:linear-gradient(135deg,#39c99717,#0000 65%),#0d1116;border:1px solid #39c99740;border-radius:5px;gap:10px;padding:12px;display:grid}.browser-image-helper-copy{grid-template-columns:35px 1fr;align-items:center;gap:10px;display:grid}.browser-image-helper-copy .dialog-icon{color:var(--green);background:#39c9971a;border-color:#39c9974d}.browser-image-helper-copy strong{font-size:11px}.browser-image-helper-copy p{color:#9ea6b2;margin:3px 0 0;font-size:9px;line-height:1.45}.browser-image-helper-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.browser-image-helper-options button{color:#cbd0d8;cursor:pointer;text-align:left;background:#151a21;border:1px solid #2a323c;border-radius:4px;flex-direction:column;gap:3px;padding:9px;display:flex}.browser-image-helper-options button:hover{background:#1b212a}.browser-image-helper-options button:disabled{cursor:default;opacity:.42}.browser-image-helper-options button.active{background:#39c9971a;border-color:#39c9977a}.browser-image-helper-options strong{font-size:9px}.browser-image-helper-options small{color:var(--dim);font-size:8px;line-height:1.35}.browser-image-helper-notice{color:#c8a871;background:#e5a64f14;border:1px solid #e5a64f40;border-radius:4px;padding:7px 8px;font-size:8px;line-height:1.45}.browser-image-helper-footer{color:var(--dim);justify-content:space-between;align-items:center;gap:10px;font-size:8px;display:flex}.browser-image-helper-footer button{color:#a69bf0;cursor:pointer;background:0 0;border:0;flex:none;padding:3px 0}.source-settings-section{border-top:1px solid var(--line-soft);padding-top:12px}.source-settings-section h3{color:#818a98;letter-spacing:.1em;text-transform:uppercase;margin:0 0 9px;font-size:8px}.source-setting-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 13px;display:grid}.source-setting-field{gap:5px;min-width:0;display:grid}.source-setting-field.wide{grid-column:1/-1}.source-setting-field>span{color:#c0c5ce;font-size:9px;font-weight:600}.source-setting-label{justify-content:space-between;align-items:center;gap:7px;display:flex}.source-setting-label button{color:#958ae8;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:8px;font-weight:600;display:flex}.source-setting-label button:hover:not(:disabled){color:#b5acf7}.source-setting-label button:disabled{cursor:wait;opacity:.65}.source-setting-field>div{min-width:0;display:flex;position:relative}.source-setting-field input,.source-setting-field select,.source-setting-field textarea{color:var(--text);background:#0b0e13;border:1px solid #292f3a;border-radius:4px;outline:0;width:100%;min-width:0;padding:8px 9px;font-size:10px}.source-setting-field input[type=color]{cursor:pointer;height:35px;padding:4px}.source-setting-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.source-setting-field textarea{resize:vertical;min-height:76px}.source-setting-field input:focus,.source-setting-field select:focus,.source-setting-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #8171f11a}.source-setting-field>small,.source-setting-check small{color:#666f7d;font-size:8px;line-height:1.4}.source-setting-field>small.source-setting-error{color:#ef7b82}.source-setting-field .with-suffix input{padding-right:42px}.source-setting-field .with-suffix i{color:#697280;pointer-events:none;font-size:8px;font-style:normal;position:absolute;top:10px;right:9px}.source-setting-check{cursor:pointer;background:#0d1015;border:1px solid #252b34;border-radius:4px;align-items:flex-start;gap:8px;min-height:48px;padding:9px;display:flex}.source-setting-check:hover{border-color:#343b47}.source-setting-check input{accent-color:var(--accent);margin-top:2px}.source-setting-check>span{flex-direction:column;gap:3px;display:flex}.source-setting-check strong{color:#c0c5ce;font-size:9px}.source-no-settings{color:#747d8a;background:#0d1015;border:1px solid #252b34;border-radius:5px;align-items:center;gap:10px;padding:13px;display:flex}.source-no-settings>div{flex-direction:column;gap:3px;display:flex}.source-no-settings strong{color:#abb1bb;font-size:9px}.source-no-settings span{font-size:8px;line-height:1.45}.advanced-source-settings{border-top:1px solid var(--line-soft);padding-top:10px}.advanced-source-settings>button{color:#8b93a0;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:3px 0;font-size:9px;display:flex}.advanced-source-settings>button>span{align-items:center;gap:6px;display:flex}.advanced-source-settings .dialog-field{margin-top:9px}.dialog-check{color:#bbc1cb;align-items:center;gap:7px;font-size:9px;display:flex}.dialog-check input{accent-color:var(--accent)}.editor-dialog>footer{border-top:1px solid var(--line);background:#0e1116;justify-content:flex-end;align-items:center;gap:8px;padding:12px 20px;display:flex}.editor-dialog>footer button{cursor:pointer;border-radius:4px;height:33px;padding:0 14px;font-size:10px;font-weight:600}.custom-overlays-dialog{flex-direction:column;width:min(1500px,100vw - 24px);height:min(900px,100vh - 24px);display:flex}.custom-overlays-page{box-shadow:none;border:0;border-radius:0;width:100%;height:100%;min-height:760px}.custom-overlays-connection{border-bottom:1px solid var(--line);grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:10px;padding:11px 18px;display:grid}.custom-overlays-connection label{gap:5px;display:grid}.custom-overlays-connection label span{color:var(--muted);font-size:8px;font-weight:600}.custom-overlays-connection input{color:var(--text);background:#0b0e13;border:1px solid #292f3a;border-radius:4px;outline:none;min-width:0;padding:8px 9px;font-size:10px}.custom-overlays-connection button,.custom-overlays-create button,.custom-overlays-twitch button{color:#cdd2db;cursor:pointer;background:#202631;border:1px solid #343c49;border-radius:4px;padding:8px 10px;font-size:9px}.custom-overlays-error,.custom-overlays-notice{margin:10px 18px 0}.custom-overlays-notice{border-radius:5px;padding:9px 10px;font-size:10px}.custom-overlays-notice.info{color:#c9c2ff;background:#8171f11a;border:1px solid #8171f147}.custom-overlays-notice.success{color:#88e4c5;background:#39c9971a;border:1px solid #39c99747}.custom-overlays-workspace{flex:1;grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.custom-overlays-workspace>aside{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.custom-overlays-create{grid-template-columns:repeat(3,1fr);gap:5px;padding:10px;display:grid}.custom-overlays-create button{padding:7px 3px;font-size:8px}.custom-overlays-list{flex:1;padding:0 8px}.custom-overlays-list>button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;flex-direction:column;gap:3px;width:100%;margin-bottom:3px;padding:9px;display:flex}.custom-overlays-list>button.active{background:var(--accent-soft);border-color:#8171f159}.custom-overlays-list strong{font-size:10px}.custom-overlays-list small,.custom-overlays-list p{color:var(--dim);font-size:8px}.custom-overlays-twitch{border-top:1px solid var(--line);gap:6px;padding:10px;display:grid}.custom-overlays-twitch strong{font-size:9px}.custom-overlays-twitch span{color:var(--muted);font-size:8px}.custom-overlays-twitch small{color:var(--dim);font-size:8px;line-height:1.4}.custom-twitch-setting{color:var(--muted);align-items:center;gap:6px;font-size:8px;display:flex}.custom-twitch-setting input{accent-color:var(--accent);margin:0}.custom-overlay-editor{flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.custom-overlay-row{grid-template-columns:2fr 1fr;align-items:start;gap:12px;display:grid}.custom-overlay-settings>.dialog-field textarea{min-height:120px}.custom-overlay-heading{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:12px 16px;display:grid}.overlay-dirty-state{color:var(--green);align-self:end;padding-bottom:4px;font-size:9px}.overlay-dirty-state.dirty{color:var(--amber)}.custom-overlay-content{flex:1;grid-template-columns:minmax(480px,1.15fr) minmax(390px,1fr);min-width:0;min-height:0;display:grid}.custom-overlay-settings{border-right:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;min-height:0;padding:14px 16px 24px;display:flex}.overlay-builder{flex-direction:column;gap:11px;display:flex}.overlay-builder-toolbar{border:1px solid var(--line);background:#0d1015;border-radius:6px;flex-wrap:wrap;align-items:end;gap:7px;padding:9px;display:flex}.overlay-builder-toolbar .overlay-control{min-width:145px}.overlay-builder-toolbar button,.overlay-preview-title button{color:#d7dbe2;cursor:pointer;background:#202631;border:1px solid #343c49;border-radius:4px;min-height:31px;padding:0 10px;font-size:9px}.overlay-builder-toolbar>select{color:var(--text);background:#0b0e13;border:1px solid #292f3a;border-radius:4px;align-self:end;height:31px;padding:0 8px;font-size:9px}.overlay-builder-tabs{border-bottom:1px solid var(--line);gap:3px;display:flex}.overlay-builder-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 10px;font-size:9px;font-weight:700}.overlay-builder-tabs button.active{border-bottom-color:var(--accent);color:#fff}.overlay-builder-fields{gap:12px;display:grid}.overlay-config-section{border:1px solid var(--line);background:#0e1117;border-radius:6px;padding:11px}.overlay-config-section h3{color:#d5d9e0;margin:0 0 10px;font-size:10px}.overlay-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.overlay-control{gap:5px;min-width:0;display:grid}.overlay-control>span:first-child,.overlay-check-list>span{color:#aeb5c0;font-size:8px;font-weight:600}.overlay-control input,.overlay-control select,.overlay-control textarea{color:var(--text);background:#080b10;border:1px solid #29303a;border-radius:4px;outline:none;width:100%;min-width:0;min-height:31px;padding:7px 8px;font-size:9px}.overlay-control textarea{resize:vertical;min-height:70px}.overlay-control small{color:var(--dim);font-size:8px;line-height:1.35}.overlay-number{display:flex;position:relative}.overlay-number input{padding-right:34px}.overlay-number i{color:var(--dim);pointer-events:none;font-size:8px;font-style:normal;position:absolute;top:9px;right:8px}.overlay-color{grid-template-columns:36px minmax(0,1fr);gap:5px;display:grid}.overlay-color input[type=color]{padding:3px}.overlay-media-input-row{grid-template-columns:minmax(0,1fr) repeat(3,31px);gap:6px;display:grid}.overlay-media-picker-button{color:#d7dbe2;cursor:pointer;background:#202631;border:1px solid #343c49;border-radius:4px;justify-content:center;align-items:center;min-height:31px;padding:0;display:inline-flex}.overlay-media-picker-button:hover:not(:disabled),.overlay-media-picker-button[aria-expanded=true],.overlay-media-picker-button.active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.overlay-media-clear-button:hover:not(:disabled){color:#fecaca;background:#ef44441f;border-color:#ef444480}.overlay-media-picker-button:disabled{cursor:not-allowed;opacity:.55}.overlay-control small.overlay-media-url-error{color:#fecaca;background:#ef44441a;border:1px solid #ef444459;border-radius:5px;padding:7px 8px}.overlay-media-picker-backdrop{padding:24px}.overlay-media-picker-modal{background:#0b0e13;border:1px solid #29303a;border-radius:10px;gap:15px;width:min(980px,100vw - 48px);max-height:calc(100vh - 48px);padding:16px;display:grid;overflow:hidden;box-shadow:0 24px 80px #000000b3}.overlay-media-picker-modal>header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;padding-bottom:13px;display:flex}.overlay-media-picker-modal>header>div{align-items:center;gap:10px;min-width:0;display:flex}.overlay-media-picker-title-icon{background:var(--accent-soft);color:var(--accent);border:1px solid #8171f173;border-radius:7px;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.overlay-media-picker-modal h2{color:var(--text);margin:0;font-size:18px}.overlay-media-picker-modal p{color:var(--muted);margin:3px 0 0;font-size:11px}.overlay-media-picker-modal>header button{border:1px solid var(--line);color:var(--text);cursor:pointer;background:0 0;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.overlay-media-picker-controls{grid-template-columns:minmax(220px,1fr) minmax(160px,190px) auto;align-items:end;gap:10px;display:grid}.overlay-media-picker-controls label:not(.overlay-media-picker-upload){gap:6px;display:grid}.overlay-media-picker-controls label:not(.overlay-media-picker-upload)>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.overlay-media-picker-controls input:not([type=file]),.overlay-media-picker-controls select{color:#d7dbe2;background:#11151c;border:1px solid #252c36;border-radius:5px;min-width:0;min-height:36px;padding:0 10px}.overlay-media-picker-upload{background:var(--accent-soft);color:var(--text);cursor:pointer;border:1px solid #8171f18c;border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.overlay-media-picker-upload input{cursor:inherit;opacity:0;width:100%;height:100%;position:absolute;inset:0}.overlay-media-picker-upload input::file-selector-button{cursor:inherit}.overlay-media-picker-upload input::-webkit-file-upload-button{cursor:inherit}.overlay-media-picker-upload span{pointer-events:none;align-items:center;gap:6px;display:inline-flex}.overlay-media-picker-upload:has(input:disabled){opacity:.55}.overlay-media-picker-error{background:#ef44441a;border:1px solid #ef444459;border-radius:6px;padding:9px 10px;color:#fecaca!important;margin:0!important;font-size:11px!important}.overlay-media-file-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;max-height:360px;display:grid;overflow:auto}.overlay-media-picker-modal .overlay-media-file-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));max-height:min(58vh,520px);padding-right:2px}.overlay-media-file-grid>button{background:var(--panel-raised);border:1px solid var(--line-soft);color:var(--text);cursor:pointer;text-align:left;border-radius:6px;gap:7px;min-width:0;padding:7px;display:grid}.overlay-media-file-grid>button:hover,.overlay-media-file-grid>button.active{background:var(--accent-soft);border-color:#8171f18c}.overlay-media-file-grid img,.overlay-media-file-grid video,.overlay-media-audio-preview{aspect-ratio:16/9;border:1px solid var(--line);object-fit:contain;background-color:#080b10;background-image:linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%),linear-gradient(45deg,#ffffff0d 25%,#0000 25% 75%,#ffffff0d 75%);background-position:0 0,8px 8px;background-repeat:repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:5px;width:100%}.overlay-media-file-grid video{display:block}.overlay-media-audio-preview{color:var(--muted);text-align:center;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.overlay-media-file-meta{gap:3px;min-width:0;display:grid}.overlay-media-file-meta strong{color:var(--text);overflow-wrap:anywhere;font-size:9px}.overlay-media-file-meta small{color:var(--muted);overflow-wrap:anywhere;font-size:8px}.overlay-media-picker-empty{border:1px dashed var(--line);color:var(--muted);border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:220px;display:flex}.overlay-media-picker-empty span{font-size:12px}.overlay-media-preview-backdrop{padding:24px}.overlay-media-preview-modal{background:#0b0e13;border:1px solid #29303a;border-radius:10px;gap:14px;width:min(900px,100vw - 48px);max-height:calc(100vh - 48px);padding:16px;display:grid;overflow:hidden;box-shadow:0 24px 80px #000000b3}.overlay-media-preview-modal>header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:16px;padding-bottom:13px;display:flex}.overlay-media-preview-modal>header>div{align-items:center;gap:10px;min-width:0;display:flex}.overlay-media-preview-modal h2{color:var(--text);margin:0;font-size:18px}.overlay-media-preview-modal p{color:var(--muted);margin:3px 0 0;font-size:11px}.overlay-media-preview-modal>header button{border:1px solid var(--line);color:var(--text);background:0 0;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.overlay-media-preview-stage{border:1px solid var(--line);background-color:#080b10;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25% 75%,#ffffff0a 75%),linear-gradient(45deg,#ffffff0a 25%,#0000 25% 75%,#ffffff0a 75%);background-position:0 0,10px 10px;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;justify-content:center;align-items:center;min-height:280px;display:flex;overflow:hidden}.overlay-media-preview-stage img,.overlay-media-preview-stage video{object-fit:contain;max-width:100%;max-height:min(58vh,560px)}.overlay-media-preview-stage video{width:100%}.overlay-media-preview-modal>input{color:var(--muted);background:#080b10;border:1px solid #29303a;border-radius:5px;width:100%;min-width:0;min-height:34px;padding:0 10px;font-size:10px}@media (width<=640px){.overlay-media-picker-backdrop,.overlay-media-preview-backdrop{padding:12px}.overlay-media-picker-modal,.overlay-media-preview-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.overlay-media-picker-controls{grid-template-columns:minmax(0,1fr)}}.overlay-toggle{color:#b8bec8;background:#11151c;border:1px solid #252c36;border-radius:4px;align-items:center;gap:7px;min-height:32px;padding:6px 8px;font-size:9px;display:flex}.overlay-toggle input{accent-color:var(--accent);margin:0}.overlay-check-list{gap:5px;display:grid}.overlay-static-setting{background:#39c99712;border:1px solid #39c99738;border-radius:4px;flex-direction:column;gap:3px;padding:8px;display:flex}.overlay-static-setting strong{font-size:9px}.overlay-static-setting span{color:var(--muted);font-size:8px}.overlay-event-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.overlay-event-picker button{color:var(--muted);cursor:pointer;text-align:left;background:#11151c;border:1px solid #252c36;border-radius:4px;justify-content:space-between;align-items:center;padding:7px 8px;font-size:8px;display:flex}.overlay-event-picker button.active{background:var(--accent-soft);color:#fff;border-color:#8171f166}.overlay-event-picker i{background:var(--dim);border-radius:50%;width:6px;height:6px}.overlay-event-picker i.enabled{background:var(--green)}.overlay-validation{background:#f0565e14;border:1px solid #f0565e4d;border-radius:5px;flex-direction:column;gap:4px;padding:9px;display:flex}.overlay-validation strong{color:#ff8a90;font-size:9px}.overlay-validation span{color:#d9a5a8;font-size:8px}.overlay-preview-panel{background:#090c11;flex-direction:column;gap:10px;min-width:0;min-height:0;padding:14px;display:flex}.overlay-preview-title{justify-content:space-between;align-items:center;display:flex}.overlay-preview-title>div{flex-direction:column;gap:2px;display:flex}.overlay-preview-title strong{font-size:10px}.overlay-preview-title span,.overlay-preview-panel p{color:var(--dim);font-size:8px}.overlay-preview-canvas{aspect-ratio:16/9;background-color:#0d1015;background-image:linear-gradient(45deg,#11151b 25%,#0000 25%),linear-gradient(-45deg,#11151b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#11151b 75%),linear-gradient(-45deg,#0000 75%,#11151b 75%),none;background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;border:1px solid #2b323d;border-radius:5px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden;box-shadow:0 12px 35px #00000059}.overlay-preview-canvas iframe{border:0;width:100%;height:100%}.overlay-preview-canvas>span{color:var(--muted);text-align:center;padding:20px;font-size:9px}.overlay-preview-panel p{margin:0;line-height:1.45}.custom-overlay-empty{color:var(--muted);justify-content:center;align-items:center;min-height:300px;font-size:11px;display:flex}.custom-overlays-dialog>footer{justify-content:space-between;align-items:end;display:flex}.overlay-footer-left,.overlay-footer-actions{align-items:end;gap:8px;display:flex}.overlay-footer-left{min-width:0}.overlay-footer-actions{flex-wrap:wrap;justify-content:flex-end}.overlay-transfer-controls{align-items:end;gap:7px;display:flex}.overlay-transfer-controls label{gap:4px;display:grid}.overlay-transfer-controls label span{color:var(--muted);font-size:9px}.overlay-transfer-controls select{color:var(--text);background:#0b0e13;border:1px solid #292f3a;border-radius:4px;min-width:150px;height:33px;padding:0 8px}.overlay-transfer-button{color:var(--text);cursor:pointer;background:0 0;border:1px solid #303641;border-radius:4px;min-width:78px;height:33px;padding:0 14px;font-size:10px;font-weight:600}.overlay-transfer-button:disabled{cursor:default;opacity:.4}@media (width<=800px){.custom-overlays-connection{grid-template-columns:1fr}.custom-overlays-workspace{grid-template-columns:180px minmax(0,1fr)}.custom-overlay-row{grid-template-columns:1fr}}@media (width<=1180px){.custom-overlay-content{grid-template-columns:minmax(0,1fr);overflow:auto}.custom-overlay-settings{border-bottom:1px solid var(--line);border-right:0;overflow:visible}.overlay-preview-panel{min-height:420px}}.dialog-cancel{background:0 0;border:1px solid #303641}.dialog-submit{background:#6c5bd8;border:1px solid #8575ed;align-items:center;gap:6px;display:flex}.dialog-delete{color:#fff;background:#b63d45;border:1px solid #dc555d;align-items:center;gap:6px;display:flex}.dialog-cancel:disabled,.dialog-delete:disabled{cursor:default;opacity:.4}.confirm-delete-dialog{width:460px}.delete-description{color:#c0c5ce;margin:0;font-size:12px;line-height:1.55}.dialog-submit:disabled{cursor:default;opacity:.4}.toast-stack{z-index:1100;gap:7px;display:grid;position:fixed;bottom:38px;right:14px}.toast{background:#191d24;border:1px solid #303641;border-radius:5px;align-items:center;gap:8px;min-width:230px;padding:10px 12px;font-size:10px;animation:.18s ease-out toast-in;display:flex;box-shadow:0 10px 30px #00000059}.toast>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.toast.success>span{background:var(--green)}.toast.error>span{background:var(--red)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{to{opacity:.35}}@keyframes toast-in{0%{opacity:0;transform:translateY(5px)}}body{font-size:13px}.app-shell{grid-template-rows:58px minmax(0,1fr) 29px}.brand>div:last-child{font-size:16px}.topbar-center,.connection-button{font-size:13px}.change-mode button,.control-segment button,.apply-changes-button,.resync-button{font-size:11px}.monitor-header{flex-basis:40px;height:40px}.monitor-header strong{font-size:13px}.monitor-badge{font-size:9px}.monitor-meta{font-size:10px}.take-button{width:63px;height:53px;font-size:11px}.transition-meta strong{font-size:11px}.transition-meta span{font-size:9px}.panel-header{flex-basis:38px}.panel-header strong{font-size:13px}.search-field{flex-basis:32px}.search-field input{font-size:12px}.scene-row{flex-basis:48px}.scene-name,.source-name{font-size:12px}.scene-thumb i{font-size:8px}.panel-footer{flex-basis:33px}.panel-footer button{width:29px;height:27px}.source-row{height:34px}.inspector-source strong{font-size:12px}.inspector-source small,.source-dimensions,.transform-section h3,.source-settings-section h3,.source-type-menu-list section h3{font-size:9px}.inspector-fields label,.inspector-fields .alignment-grid-field{grid-template-columns:66px 1fr;font-size:11px}.inspector-fields .alignment-grid-options{grid-template-columns:repeat(3,20px)}.inspector-fields .alignment-grid-options button{width:20px;height:20px}.inspector-fields input,.inspector-fields select,.inspector-fields i,.section-action,.fit-button,.empty-inspector{font-size:10px}.mixer-title>span,.change-control strong,.control-list strong{font-size:11px}.meter-row>span,.fader-row output,.change-control small,.control-list small{font-size:9px}.mixer-strip{gap:5px;padding:8px 0}.fader-row{grid-template-columns:23px minmax(0,1fr) 35px}.control-list>button{min-height:43px}.pending-actions button,.statusbar{font-size:10px}.source-type-menu>header strong,.source-type-menu-list section>button>span:nth-child(2) strong{font-size:12px}.source-type-menu>header span,.source-type-menu-list section>button>span:nth-child(2) small,.source-type-menu-state{font-size:10px}.source-type-menu-list section>button{padding:9px 8px}.eyebrow,.connection-note{font-size:10px}.connection-copy p,.connection-field input,.connect-submit{font-size:12px}.connection-field>span,.connection-remember strong{font-size:11px}.connection-remember small{font-size:10px}.connection-error,.toast{font-size:12px}.editor-dialog>header h2{font-size:17px}.editor-dialog>header p,.dialog-field>span,.dialog-hint,.dialog-check{font-size:11px}.dialog-field input,.dialog-field select,.dialog-field textarea,.editor-dialog>footer button{font-size:12px}.dialog-field small,.dialog-input-suffix i{font-size:10px}.source-type-locked>div>span small,.source-type-description code{font-size:9px}.source-type-description strong{font-size:13px}.source-type-description p,.source-type-description>span,.source-settings-loading,.source-setting-field>span,.source-setting-check strong,.source-no-settings strong,.advanced-source-settings>button{font-size:11px}.source-setting-label button{font-size:10px}.source-setting-field input,.source-setting-field select,.source-setting-field textarea{font-size:12px}.source-setting-field>small,.source-setting-check small,.source-no-settings span,.source-setting-field .with-suffix i{font-size:10px}@media (width<=1250px){.dock-deck{grid-template-columns:minmax(165px,.75fr) minmax(225px,1fr) minmax(140px,.62fr) minmax(250px,1.15fr) minmax(175px,.72fr)}.topbar{grid-template-columns:210px 1fr 210px}.monitor-meta span:first-child{display:none}}@media (height<=720px){.workspace{grid-template-rows:minmax(0,52fr) minmax(0,48fr)}.monitor-header{flex-basis:36px;height:36px}.monitor-frame{padding:6px 9px}.transition-rail{padding-top:36px}.mixer-strip{padding:4px 0}.control-list{gap:3px;padding:5px}.control-list>button{min-height:39px}}@media (height<=560px){.workspace{grid-template-rows:minmax(0,46fr) minmax(0,54fr)}.monitor-frame{padding:4px 7px}.monitor-meta{display:none!important}.transition-meta{display:none}}button:disabled,select:disabled,textarea:disabled,input:disabled,[aria-disabled=true]{cursor:not-allowed!important}label:has(input:disabled){cursor:not-allowed!important}label:has(select:disabled){cursor:not-allowed!important}label:has(textarea:disabled){cursor:not-allowed!important}