.app-brand-mark{object-fit:contain;display:block}.brand-mark{width:27px;height:27px}.portal-auth-mark{width:34px;height:34px}.menu-hover-tooltip{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:var(--shadow-menu);color:var(--text);pointer-events:none;z-index:1200;gap:3px;max-width:min(260px,100vw - 96px);padding:7px 9px;display:grid;position:fixed;transform:translateY(-50%)}.menu-hover-tooltip:before{background:var(--panel-raised);border-bottom:1px solid var(--line);border-left:1px solid var(--line);content:"";width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:-5px;transform:rotate(45deg)}.menu-hover-tooltip strong{white-space:nowrap;font-size:10px;line-height:1.25}.menu-hover-tooltip span{color:var(--muted);overflow-wrap:anywhere;font-size:9px;line-height:1.35}@media (width<=760px){.menu-hover-tooltip{display:none}}.portal-nav-group{gap:3px;min-width:0;display:grid}.portal-nav-group-trigger{width:100%}.portal-nav-group-chevron{flex:none;align-items:center;margin-left:auto;transition:transform .15s;display:inline-flex}.portal-nav-group.expanded .portal-nav-group-chevron{transform:rotate(180deg)}.portal-nav-children{border-left:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));gap:2px;margin:0 0 3px 18px;padding-left:7px;display:grid}.portal-sidebar nav .portal-nav-child{min-height:34px;padding:0 7px;font-size:10px}.portal-sidebar nav .portal-nav-child .portal-nav-icon{width:16px;height:16px}.portal-nav-item-detail{color:var(--green);text-transform:uppercase;margin-left:auto;font-size:7px;font-weight:800}.portal-shell.sidebar-collapsed .portal-nav-group-chevron,.portal-shell.sidebar-collapsed .portal-nav-item-detail{display:none}.portal-nav-group-flyout{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-menu);z-index:1200;min-width:210px;padding:6px;position:fixed}.portal-nav-group-flyout:before{background:var(--panel);border-bottom:1px solid var(--line);border-left:1px solid var(--line);content:"";width:9px;height:9px;position:absolute;top:15px;left:-6px;transform:rotate(45deg)}.portal-nav-group-flyout>header{color:var(--text);align-items:center;gap:8px;min-height:34px;padding:0 7px;display:flex}.portal-nav-group-flyout>header svg{color:var(--accent);width:18px;height:18px}.portal-nav-group-flyout>header strong{font-size:11px}.portal-nav-group-flyout>div{gap:2px;display:grid}.portal-nav-group-flyout a{border-radius:var(--radius-control);color:var(--muted);border:1px solid #0000;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:36px;padding:0 8px;font-size:10px;text-decoration:none;display:grid}.portal-nav-group-flyout a:hover,.portal-nav-group-flyout a:focus-visible,.portal-nav-group-flyout a.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 32%, transparent);color:var(--text);outline:none}.portal-nav-group-flyout a small{color:var(--green);text-transform:uppercase;font-size:7px;font-weight:800}@media (width<=760px){.portal-sidebar nav .portal-nav-child{min-height:42px}.portal-nav-children{margin-left:20px}.portal-nav-group-flyout{display:none}}.portal-route-loading{background:var(--bg);box-sizing:border-box;z-index:900;place-items:center;min-height:100%;padding:clamp(24px,6vw,72px);display:grid;position:absolute;inset:0;overflow:hidden}.portal-route-loading:before{background:radial-gradient(circle at center, color-mix(in srgb, var(--accent) 10%, transparent), transparent 56%);content:"";pointer-events:none;position:absolute;inset:0}.portal-route-loading-viewport{min-height:100dvh;position:fixed}.portal-route-loading-center{place-items:center;gap:14px;animation:.14s ease-out both portal-route-loading-enter;display:grid;position:relative}.portal-route-loading-indicator{background:color-mix(in srgb, var(--accent) 10%, var(--panel));border:1px solid color-mix(in srgb, var(--accent) 36%, var(--line));box-shadow:0 14px 34px color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent);border-radius:18px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.portal-route-loading-indicator svg{will-change:transform;font-size:26px;animation:.72s linear infinite portal-route-loading-spin}.portal-route-loading-copy{text-align:center;justify-items:center;gap:2px;display:grid}.portal-route-loading-copy small{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:700}.portal-route-loading-copy strong{color:var(--text);font-size:clamp(16px,2vw,19px);font-weight:650}.portal-main:has(.portal-route-loading){position:relative;overflow:hidden}.portal-main>:is(.portal-page,.portal-studio-host,.editor-dialog){animation:.14s ease-out both portal-route-content-enter}@keyframes portal-route-loading-enter{0%{opacity:0;transform:translateY(3px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes portal-route-loading-spin{to{transform:rotate(360deg)}}@keyframes portal-route-content-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.portal-route-loading-center,.portal-main>:is(.portal-page,.portal-studio-host,.editor-dialog){animation:none}}.inline-feedback{border-radius:var(--radius-control);border:1px solid #0000;align-items:center;gap:12px;padding:9px 10px;font-size:12px;line-height:1.4;display:flex}.inline-feedback-content{overflow-wrap:anywhere;min-width:0}.inline-feedback-actions{flex:none;align-items:center;gap:7px;margin-left:auto;display:flex}.inline-feedback.error{background:var(--red-soft);color:var(--red);border-color:#f0565e59}.inline-feedback.info{background:var(--accent-soft);color:var(--text);border-color:#8171f147}.inline-feedback.success{color:var(--green);background:#39c9971f;border-color:#39c99759}.inline-feedback.warning{color:var(--amber);background:#e5a64f1f;border-color:#e5a64f59}@media (width<=760px){.inline-feedback{flex-direction:column;align-items:stretch}.inline-feedback-actions{justify-content:flex-start;margin-left:0}}.input-group{--input-group-control-height:var(--control-height-medium);gap:5px;min-width:0;display:grid}.input-group-heading{justify-content:space-between;align-items:center;min-width:0;display:flex}.input-group-content{display:contents}.input-group-required{color:var(--danger);margin-left:3px}.input-group-optional{color:var(--dim);margin-left:5px;font-size:.85em;font-weight:500}.input-group-action{align-items:center;margin-left:8px;display:inline-flex}.input-group[data-disabled=true]{opacity:.62}.input-group[data-layout=horizontal]{grid-template-columns:minmax(90px,.45fr) minmax(0,1fr);align-items:center}.input-group[data-layout=horizontal]>.input-group-hint,.input-group[data-layout=horizontal]>.input-group-error{grid-column:2}.input-group-control-frame{min-height:var(--input-group-control-height);align-items:center;width:100%;min-width:0;display:flex}.input-group-control-frame:has(.input-group-control-adornment){background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-control)}.input-group-control-frame:has(.input-group-control-adornment):focus-within{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent)}.input-group-control-frame .input-group-control{flex:1;min-width:0}.input-group-control-frame:has(.input-group-control-adornment) .input-group-control{box-shadow:none;background:0 0;border:0}.input-group-control-adornment{color:var(--muted);flex:none;padding-inline:8px;font-size:9px;font-style:normal}.input-group-error{color:var(--danger);font-size:8px}.input-group-size-small{--input-group-control-height:var(--control-height-small)}.input-group-size-large{--input-group-control-height:var(--control-height-large)}.input-group-label{min-width:0}.input-group-control{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-control);color:var(--input-text);min-height:var(--input-group-control-height);width:100%;min-width:0;padding:7px 9px}textarea.input-group-control{resize:vertical}.input-group-control:focus,.input-group-control:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}.input-group-hint{min-width:0}@media (width<=640px){.input-group[data-layout=horizontal]{grid-template-columns:minmax(0,1fr)}.input-group[data-layout=horizontal]>.input-group-hint,.input-group[data-layout=horizontal]>.input-group-error{grid-column:1}}.segmented-control{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:repeat(var(--segmented-control-options), minmax(0, 1fr));gap:4px;min-width:0;padding:4px;display:grid}.segmented-control button{border-radius:var(--radius-compact);color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;min-width:0;padding:0 8px;font-weight:700}.segmented-control button.active,.segmented-control button:hover:not(:disabled),.segmented-control button:focus-visible:not(:disabled){background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 38%, transparent);color:var(--text)}.segmented-control button:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:1px}.segmented-control button:disabled{cursor:not-allowed;opacity:.48}.segmented-control-small{min-height:var(--control-height-medium);padding:3px}.segmented-control-small button{min-height:28px;font-size:10px}.segmented-control-medium{min-height:38px}.segmented-control-medium button{min-height:28px;font-size:11px}.segmented-control-large{min-height:44px}.segmented-control-large button{min-height:34px;font-size:12px}@media (width<=760px){.segmented-control,.segmented-control-small,.segmented-control-medium,.segmented-control-large{min-height:44px}.segmented-control button,.segmented-control-small button,.segmented-control-medium button,.segmented-control-large button{overflow-wrap:anywhere;min-height:36px}}.shareable-url-field-control{grid-template-columns:minmax(0,1fr) max-content;align-items:stretch;gap:8px;min-width:0;display:grid}.shareable-url-field-control>.shareable-url-field-input{height:var(--input-group-control-height);min-height:var(--input-group-control-height);width:100%;min-width:0}.shareable-url-field-actions{flex-wrap:nowrap;align-items:stretch;gap:6px;min-width:max-content;display:flex}.shareable-url-field-actions>.audience-link-actions{flex-wrap:nowrap;align-items:stretch}.input-group.shareable-url-field .shareable-url-field-actions .action-button.action-button{height:var(--input-group-control-height);min-height:var(--input-group-control-height)}.shareable-url-field-label-hidden>.input-group-heading{display:none}@media (width<=760px){.input-group.shareable-url-field{--input-group-control-height:40px}.input-group.shareable-url-field.input-group-size-large{--input-group-control-height:44px}}@media (width<=480px){.shareable-url-field-control{grid-template-columns:minmax(0,1fr)}.shareable-url-field-actions{justify-self:start;min-width:0;max-width:100%;overflow-x:auto}}.dashboard-quick-links{margin-top:18px}.dashboard-quick-links-total{background:var(--accent-soft);color:var(--text);border:1px solid #8171f157;border-radius:999px;flex:none;align-items:center;min-height:30px;padding:0 11px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-quick-link-groups,.dashboard-quick-link-group{gap:12px;display:grid}.dashboard-quick-link-groups{gap:18px}.dashboard-quick-link-group-heading{justify-content:space-between;align-items:center;display:flex}.dashboard-quick-link-group-heading>span{color:var(--text);align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.dashboard-quick-link-group-heading svg{color:var(--accent);font-size:18px}.dashboard-quick-link-group-heading small{background:var(--panel-raised);border:1px solid var(--line-soft);color:var(--muted);border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 7px;font-size:10px;display:inline-flex}.dashboard-quick-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dashboard-quick-link{--quick-link-color:129, 113, 241;background:linear-gradient(145deg, rgba(var(--quick-link-color), .1), transparent 52%), var(--panel-raised);border:1px solid rgba(var(--quick-link-color), .3);border-radius:var(--radius-control);gap:12px;min-width:0;padding:14px;display:grid}.dashboard-quick-link-poll{--quick-link-color:70, 155, 229}.dashboard-quick-link-roulette{--quick-link-color:229, 166, 79}.dashboard-quick-link-soundboard{--quick-link-color:57, 201, 151}.dashboard-quick-link-spotify{--quick-link-color:30, 215, 96}.dashboard-quick-link-heading{justify-content:space-between;align-items:center;display:flex}.dashboard-quick-link-icon{background:rgba(var(--quick-link-color), .16);border:1px solid rgba(var(--quick-link-color), .34);color:rgb(var(--quick-link-color));border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:21px;display:inline-flex}.dashboard-quick-link-context{background:rgba(var(--quick-link-color), .12);color:var(--text);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:700}.dashboard-quick-link-copy h4{margin:0 0 5px;font-size:14px}.dashboard-quick-link-copy p{color:var(--muted);margin:0;font-size:10px;line-height:1.4}.dashboard-quick-link-statuses{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.dashboard-quick-link-state,.dashboard-quick-link-connection{border:1px solid var(--line-soft);border-radius:999px;align-items:center;gap:4px;min-height:24px;padding:0 8px;font-size:9px;font-weight:700;display:inline-flex}.dashboard-quick-link-state svg,.dashboard-quick-link-connection svg{font-size:13px}.dashboard-quick-link-state-enabled,.dashboard-quick-link-state-live,.dashboard-quick-link-state-open,.dashboard-quick-link-state-published,.dashboard-quick-link-connection.connected{color:var(--text);background:#39c9971a;border-color:#39c99752}.dashboard-quick-link-state-enabled svg,.dashboard-quick-link-state-live svg,.dashboard-quick-link-state-open svg,.dashboard-quick-link-state-published svg,.dashboard-quick-link-connection.connected svg{color:#39c997}.dashboard-quick-link-state-closed,.dashboard-quick-link-state-disabled,.dashboard-quick-link-connection.idle{background:var(--panel);color:var(--muted)}.dashboard-quick-link-url .shareable-url-field-input{background:var(--panel);border-color:var(--line-soft);color:var(--muted);font-size:9px}.dashboard-add-browser-source-dialog{width:min(520px,100vw - 24px)}.dashboard-add-browser-source-dialog .dialog-body{gap:14px;display:grid}.dashboard-add-browser-source-summary{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);align-items:center;gap:12px;padding:12px;display:flex}.dashboard-add-browser-source-summary>div{gap:3px;min-width:0;display:grid}.dashboard-add-browser-source-summary strong{font-size:13px}.dashboard-add-browser-source-summary small{color:var(--muted);font-size:10px}.dashboard-add-browser-source-scene{gap:7px;display:grid}.dashboard-add-browser-source-scene>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.dashboard-add-browser-source-details{border-radius:var(--radius-control);background:#8171f114;border:1px solid #8171f140;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;padding:12px;display:grid}.dashboard-add-browser-source-details>span{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.dashboard-add-browser-source-details>strong{font-size:12px}.dashboard-add-browser-source-details>small{color:var(--muted);grid-column:1/-1;font-size:10px}@media (width<=760px){.dashboard-quick-link-grid{grid-template-columns:minmax(0,1fr)}.dashboard-quick-links .portal-card-heading{flex-direction:column;align-items:flex-start}}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jetbrains-mono-latin-500-normal-BWZEU5yA.woff2)format("woff2"),url(/assets/jetbrains-mono-latin-500-normal-CJOVTJB7.woff)format("woff")}: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;--scrollbar-thumb:color-mix(in srgb, var(--accent) 88%, var(--text));--scrollbar-thumb-hover:color-mix(in srgb, var(--accent) 72%, var(--text));--scrollbar-track:color-mix(in srgb, var(--line) 58%, transparent);--green:#39c997;--red:#f0565e;--red-soft:#f0565e24;--amber:#e5a64f;--success-text:#6ee7b7;--danger-text:#ff9aa0;--warning-text:#d7b06c;--input-background:var(--panel-raised);--input-background-disabled:color-mix(in srgb, var(--panel-raised) 72%, var(--bg));--input-border:var(--line);--input-placeholder:var(--dim);--input-text:var(--text);--radius-compact:4px;--radius-control:6px;--radius-panel:8px;--control-height-small:30px;--control-height-medium:36px;--control-height-large:40px;--layout-gap:16px;--page-padding:clamp(20px, 3vw, 36px);--shadow-menu:0 10px 28px #00000057;--shadow-dialog:0 18px 48px #0000007a;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;--red-soft:#da37421f;--success-text:#147451;--danger-text:#b52f3a;--warning-text:#835816;--shadow-menu:0 10px 28px #2d344029;--shadow-dialog:0 18px 48px #2d344038}[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-event-picker button,[data-theme=light] .overlay-revision-panel,[data-theme=light] .overlay-revision-list article,[data-theme=light] .overlay-reward-row,[data-theme=light] .overlay-reward-tile-actions>button:first-child,[data-theme=light] .overlay-preview-menu{background:var(--panel);color:var(--text)}[data-theme=light] .overlay-builder-toolbar button:not(.action-button),[data-theme=light] .overlay-preview-title button:not(.action-button),[data-theme=light] .overlay-inline-clear-button:not(.action-button),[data-theme=light] .overlay-revision-panel button:not(.action-button),[data-theme=light] .overlay-revision-list button:not(.action-button),[data-theme=light] .overlay-reward-header button,[data-theme=light] .overlay-reward-remove:not(.action-button){background:var(--panel-hover);border-color:var(--line);color:var(--text)}[data-theme=light] .overlay-event-picker button.active,[data-theme=light] .overlay-reward-tile-actions>button:first-child.active{background:var(--accent-soft);color:var(--text);border-color:#6656d257}[data-theme=light] .overlay-config-section h3,[data-theme=light] .overlay-event-subsection-heading strong,[data-theme=light] .overlay-reward-header>div:first-child strong,[data-theme=light] .overlay-revision-panel strong{color:var(--text)}[data-theme=light] .overlay-builder-toolbar .searchable-select-trigger,[data-theme=light] .overlay-builder-toolbar>select{background:var(--panel-raised);border-color:var(--line);color:var(--text)}[data-theme=light] .overlay-builder-tabs button.active{color:var(--text)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] .searchable-select-trigger,[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;--accent:#6656d2;--accent-soft:#6656d21c;--red-soft:#da37421f;--success-text:#147451;--danger-text:#b52f3a;--warning-text:#835816;--shadow-menu:0 10px 28px #2d344029;--shadow-dialog:0 18px 48px #2d344038}}*{box-sizing:border-box}html,body,#root{min-width:0;height:100%;margin:0}body{background:var(--bg);color:var(--text);overflow:hidden}button,input{font:inherit}button{color:inherit}:where(input:not([type=button]):not([type=checkbox]):not([type=color]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=range]):not([type=reset]):not([type=submit]),select,textarea){background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-control);color:var(--input-text);min-width:0}:where(input,textarea)::placeholder{color:var(--input-placeholder);opacity:1}:where(input:not([type=button]):not([type=checkbox]):not([type=color]):not([type=file]):not([type=hidden]):not([type=image]):not([type=radio]):not([type=range]):not([type=reset]):not([type=submit]),select,textarea):disabled{background:var(--input-background-disabled);color:var(--muted)}button svg,button svg *{pointer-events:none}a[href],button:not(:disabled),select:not(:disabled),.searchable-select-trigger: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-auth,.portal-landing,.portal-not-found{background:var(--bg);color:var(--text);justify-content:center;align-items:center;height:100%;display:flex}.portal-landing{display:block;overflow:auto}.portal-auth>section,.portal-not-found>section{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);width:min(460px,100vw - 32px);padding:34px;box-shadow:0 24px 70px #00000052}.portal-auth h1,.portal-not-found h1,.portal-page h1{margin:5px 0 8px;font-size:28px}.portal-auth p,.portal-not-found p,.portal-page header>p:last-child{color:var(--muted);line-height:1.55}.portal-auth dl{gap:8px;margin:18px 0 0;display:grid}.portal-auth dl>div{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);justify-content:space-between;align-items:center;min-height:40px;padding:8px 10px;display:flex}.portal-auth dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.portal-auth dd{overflow-wrap:anywhere;margin:0;font-size:11px}.portal-auth form,.portal-auth-actions,.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 .searchable-select-trigger,.portal-form-page select,.portal-form-page textarea,.portal-user-create input,.portal-user-create .searchable-select-trigger,.portal-user-create select,.portal-user-list .searchable-select-trigger,.portal-user-list select{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);min-height:40px;padding:8px 10px}.portal-auth form>button:not(.action-button),.portal-auth-actions>button:not(.portal-auth-link):not(.action-button),.portal-form-page form>button:not(.action-button),.portal-user-create>button:not(.action-button){background:var(--accent);border-radius:var(--radius-control);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:7px;min-height:42px;display:inline-flex}.portal-auth-ghost-button:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;min-height:40px;margin-top:18px;padding:8px 12px}.portal-not-found{min-height:100%;padding:24px}.portal-not-found>section{width:min(520px,100vw - 48px);padding:38px 38px 34px;position:relative}.portal-not-found>section:before{content:"";pointer-events:none;background:linear-gradient(135deg,#8171f12e,#39c99714),linear-gradient(#ffffff08,#fff0);position:absolute;inset:0}.portal-not-found>section>*{position:relative}.portal-not-found h1{max-width:14ch;margin-top:10px;font-size:34px;line-height:1.05}.portal-not-found p{max-width:52ch}.portal-not-found-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}.portal-not-found-actions>button{box-sizing:border-box;justify-content:center;align-items:center;min-height:40px;padding:0 18px;line-height:1;transition:background-color .14s,border-color .14s,transform .14s;display:inline-flex}.portal-not-found-actions>button:first-child{background:var(--accent);border-radius:var(--radius-control);color:#fff;border:1px solid #0000}.portal-not-found-actions>.portal-auth-ghost-button{margin-top:0;padding:0 18px}.portal-not-found-actions>button:first-child:hover,.portal-not-found-actions>button:first-child:focus-visible{background:#6f60df;transform:translateY(-1px)}.portal-not-found-actions>.portal-auth-ghost-button:hover,.portal-not-found-actions>.portal-auth-ghost-button:focus-visible{background:var(--panel-hover);border-color:var(--muted);transform:translateY(-1px)}.portal-auth-switch{justify-content:center;margin-top:18px;display:flex}.portal-auth-link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;min-height:32px;padding:4px 6px}.portal-eyebrow{letter-spacing:.12em;text-transform:uppercase;margin:14px 0 0;font-size:10px;font-weight:700;color:var(--accent)!important}.portal-landing-hero,.portal-landing-overview,.portal-landing-band,.portal-landing-showcase,.portal-landing-themes,.portal-landing-cta{max-width:1440px;margin:0 auto;padding-left:48px;padding-right:48px}.portal-landing-hero{background:var(--bg);color:var(--text);min-height:min(760px,100svh - 36px);padding-top:28px;padding-bottom:36px;display:grid}.portal-landing-topbar,.portal-landing-hero-content,.portal-landing-proof,.portal-landing-band-list{display:grid}.portal-landing-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}.portal-landing-brand{align-items:center;gap:14px;display:flex}.portal-landing-brand strong,.portal-landing-copy h1,.portal-landing-band h2,.portal-landing-band h3{margin:0}.portal-landing-brand strong{font-size:16px;display:block}.portal-landing-brand span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.portal-landing-topbar-actions,.portal-landing-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portal-landing-theme-toggle{background:var(--panel-raised);border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.portal-landing-theme-toggle:hover,.portal-landing-theme-toggle:focus-visible{border-color:var(--accent)}.portal-landing-ghost,.portal-landing-actions>button{border-radius:var(--radius-control);min-height:42px;padding:0 16px}.portal-landing-ghost{background:var(--panel-raised);border:1px solid var(--line)}.portal-landing-hero-content{grid-template-columns:minmax(330px,.78fr) minmax(480px,1.22fr);align-items:center;gap:clamp(28px,4vw,68px);padding:64px 0 34px}.portal-landing-copy{max-width:680px}.portal-landing-copy h1{margin-top:12px;font-size:clamp(48px,5vw,72px);line-height:1.02}.portal-landing-copy>p:last-of-type,.portal-landing-band p{color:var(--muted);line-height:1.65}.portal-landing-copy>p:last-of-type{max-width:52ch;margin:16px 0 0;font-size:18px}.portal-landing-lede strong{color:var(--text);margin-bottom:8px;font-size:22px;line-height:1.3;display:block}.portal-landing-actions{margin-top:22px}.portal-landing-hero-preview{background:color-mix(in srgb, var(--panel-raised) 88%, transparent);border:1px solid var(--line);border-radius:calc(var(--radius-panel) + 4px);align-self:center;min-width:0;margin:0;padding:8px;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000038}.portal-landing-hero-preview img{border-radius:var(--radius-panel);width:100%;height:auto;display:block}.portal-landing-hero-preview figcaption{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:color-mix(in srgb, var(--panel) 91%, transparent);border:1px solid var(--line);border-radius:var(--radius-control);flex-wrap:wrap;align-items:center;gap:7px 14px;padding:10px 12px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.portal-landing-hero-preview figcaption span{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.portal-landing-hero-preview figcaption svg{color:var(--accent);font-size:17px}.portal-landing-actions>button:first-child,.portal-landing-secondary:hover,.portal-landing-secondary:focus-visible,.portal-landing-ghost:hover,.portal-landing-ghost:focus-visible{border-color:#0000}.portal-landing-actions>button:first-child{background:var(--accent);border:1px solid var(--accent);color:#fff}.portal-landing-secondary,.portal-landing-ghost{border:1px solid var(--line);color:var(--text);background:0 0}.portal-landing-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}.portal-landing-proof>div{background:var(--panel);border:1px solid var(--line);min-height:118px;padding:16px}.portal-landing-overview{border-top:1px solid var(--line-soft);gap:26px;padding-top:48px;padding-bottom:54px;display:grid}.portal-landing-overview>header,.portal-landing-themes>header{max-width:760px}.portal-landing-overview h2,.portal-landing-themes h2{margin:12px 0 0;font-size:34px;line-height:1.08}.portal-landing-overview>header>p:last-child,.portal-landing-themes>header>p:last-child{color:var(--muted);line-height:1.65}.portal-landing-overview>img{border:1px solid var(--line);border-radius:var(--radius-panel);width:100%;height:auto;display:block}.portal-landing-proof strong,.portal-landing-band h3{font-size:15px;display:block}.portal-landing-proof span{color:var(--muted);margin-top:8px;line-height:1.55;display:block}.portal-landing-band article>svg{flex:none;font-size:20px}.portal-landing-band-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portal-landing-band{border-top:1px solid var(--line-soft);gap:28px;padding-top:36px;padding-bottom:54px;display:grid}.portal-landing-band-header{gap:12px;max-width:760px;display:grid}.portal-landing-band h2{font-size:34px;line-height:1.08}.portal-landing-band-list article{border-top:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding-top:18px;display:grid}.portal-landing-showcase{border-top:1px solid var(--line-soft);gap:0;padding-top:52px;padding-bottom:72px;display:grid}.portal-landing-showcase>header{max-width:760px;padding-bottom:28px}.portal-landing-showcase h2,.portal-landing-showcase h3{margin:0}.portal-landing-showcase h2{margin-top:12px;font-size:34px;line-height:1.08}.portal-landing-showcase h3{font-size:28px;line-height:1.15}.portal-landing-showcase p{color:var(--muted);line-height:1.65}.portal-landing-showcase article{border-top:1px solid var(--line);grid-template-columns:minmax(0,2.1fr) minmax(260px,.9fr);align-items:center;gap:34px;padding:36px 0;display:grid}.portal-landing-showcase img{aspect-ratio:16/10;border:1px solid var(--line);object-fit:cover;border-radius:6px;width:100%;height:auto;display:block}.portal-landing-showcase article button{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);background:0 0;min-height:42px;margin-top:8px;padding:0 16px}.portal-landing-showcase article button:hover,.portal-landing-showcase article button:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff}[data-theme=light] .portal-landing-proof>div{background:var(--panel)}.portal-landing-themes{border-top:1px solid var(--line-soft);gap:26px;padding-top:52px;padding-bottom:72px;display:grid}.portal-landing-themes>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.portal-landing-themes figure{gap:9px;margin:0;display:grid}.portal-landing-themes img{border:1px solid var(--line);border-radius:var(--radius-panel);width:100%;display:block}.portal-landing-themes figcaption{color:var(--muted);font-size:13px;font-weight:600}.portal-landing-cta{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:36px;padding-top:58px;padding-bottom:86px;display:grid}.portal-landing-cta h2{margin:12px 0 0;font-size:34px;line-height:1.08}.portal-landing-cta p:last-child{color:var(--muted);max-width:70ch;line-height:1.65}.portal-landing-cta .portal-landing-actions{justify-content:flex-end;margin:0}@media (width<=1180px){.portal-landing-proof{grid-template-columns:1fr}.portal-landing-hero-content{grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:32px}.portal-landing-copy h1{font-size:54px}}@media (width<=980px){.portal-landing-hero-preview{display:none}.portal-landing-hero-content{grid-template-columns:minmax(0,1fr)}.portal-landing-copy{max-width:780px}.portal-landing-band-list,.portal-landing-showcase article{grid-template-columns:minmax(0,1fr)}.portal-landing-cta{grid-template-columns:minmax(0,1fr);align-items:start}.portal-landing-cta .portal-landing-actions{justify-content:flex-start}}@media (width<=760px){.portal-landing-hero,.portal-landing-overview,.portal-landing-band,.portal-landing-showcase,.portal-landing-themes,.portal-landing-cta{padding-left:16px;padding-right:16px}.portal-landing-hero{min-height:calc(100svh - 24px);padding-top:18px;padding-bottom:28px}.portal-landing-topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.portal-landing-topbar-actions,.portal-landing-actions{grid-template-columns:minmax(0,1fr);display:grid}.portal-landing-topbar-actions{flex-wrap:nowrap;justify-content:flex-end;display:flex}.portal-landing-actions>*{justify-content:center;width:100%}.portal-landing-hero-content{gap:22px;padding-top:24px}.portal-landing-copy h1{font-size:34px;line-height:1.05}.portal-landing-copy>p:last-of-type{font-size:15px}.portal-landing-lede strong{font-size:19px}.portal-landing-overview,.portal-landing-themes{padding-top:32px;padding-bottom:36px}.portal-landing-overview h2,.portal-landing-themes h2{font-size:27px}.portal-landing-themes>div{grid-template-columns:minmax(0,1fr)}.portal-landing-band{gap:20px;padding-top:28px;padding-bottom:36px}.portal-landing-band h2{font-size:27px}.portal-landing-showcase{padding-top:32px;padding-bottom:36px}.portal-landing-showcase h2{font-size:27px}.portal-landing-cta{gap:22px;padding-top:36px;padding-bottom:48px}.portal-landing-cta h2{font-size:27px}.portal-landing-showcase h3{font-size:23px}.portal-landing-showcase article{gap:20px;padding:26px 0}}@media (width<=760px) and (width>=560px) and (height<=450px){.portal-landing-hero{padding-top:12px;padding-bottom:16px}.portal-landing-brand>div:last-child>span{display:none}.portal-landing-hero-content{padding:12px 0 8px}.portal-landing-actions{flex-wrap:nowrap;margin-top:14px;display:flex}.portal-landing-actions>*{width:auto}}@media (width<=480px){.portal-landing-brand>div:last-child>span{display:none}}.portal-shell{background:var(--bg);color:var(--text);grid-template-columns:var(--portal-sidebar-width,218px) minmax(0, 1fr);height:100%;transition:grid-template-columns .16s;display:grid}.portal-shell.sidebar-collapsed{--portal-sidebar-width:72px}.portal-mobile-header,.portal-mobile-nav-backdrop{display:none}.portal-sidebar{background:var(--panel);border-right:1px solid var(--line);scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin;flex-direction:column;min-height:0;padding:15px 6px 15px 10px;display:flex;overflow:hidden auto}.portal-sidebar:hover,.portal-sidebar:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) var(--scrollbar-track)}.portal-sidebar::-webkit-scrollbar{width:6px;height:0}.portal-sidebar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px}.portal-sidebar:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover)}.portal-sidebar:focus-within::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover)}.portal-brand{align-items:center;gap:5px;min-width:0;padding:5px 6px 22px 8px;display:flex}.portal-brand .brand-mark{flex:none;margin-right:5px}.portal-brand-text{flex:auto;gap:4px;min-width:0;display:flex;overflow:hidden}.portal-brand-text>strong,.portal-brand-text>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-brand-text>span{color:var(--muted)}.portal-sidebar-toggle{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;padding:0;display:inline-flex}.portal-sidebar-toggle:hover,.portal-sidebar-toggle:focus-visible{background:var(--accent-soft);color:var(--text);border-color:#8171f173}.portal-profile-switcher{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);gap:5px;margin:0 3px 14px;padding:9px;display:grid}.portal-profile-switcher.delegated{background:#f59e0b1f;border-color:#f59e0ba6;box-shadow:inset 0 0 0 1px #f59e0b1f}.portal-profile-switcher>span,.portal-profile-switcher>small{color:var(--muted);font-size:9px}.portal-profile-switcher.delegated>span,.portal-profile-switcher.delegated>small{color:#fbbf24;font-weight:800}.portal-profile-switcher.delegated .searchable-select-trigger{border-color:#f59e0ba6}.portal-profile-switcher .searchable-select-trigger{min-height:31px}.portal-sidebar nav{gap:4px;display:grid}.portal-sidebar nav a,.portal-sidebar nav button{border-radius:var(--radius-control);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:9px;min-height:38px;padding:0 10px;font-size:11px;text-decoration:none;display:flex}.portal-sidebar nav a:hover,.portal-sidebar nav button:hover,.portal-sidebar nav a:focus-visible,.portal-sidebar nav button:focus-visible{color:var(--text);background:#8171f11f;border-color:#8171f152}.portal-sidebar nav a svg,.portal-sidebar nav button svg{flex:none}.portal-nav-icon{flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:relative}.portal-nav-icon.connected:after{background:var(--green);border:2px solid var(--bg);content:"";border-radius:999px;width:8px;height:8px;position:absolute;top:-4px;right:-4px;box-shadow:0 0 0 1px #4ade8061}.portal-nav-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-sidebar nav a.active,.portal-sidebar nav button.active{background:var(--accent-soft);color:var(--text);border-color:#8171f140}.portal-notification-center{margin:0 3px 14px;position:relative}.portal-notification-trigger{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;align-items:center;gap:8px;width:100%;min-height:36px;padding:0 10px;display:inline-flex;position:relative}.portal-notification-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.portal-notification-trigger:hover,.portal-notification-trigger:focus-visible,.portal-notification-trigger[aria-expanded=true]{background:var(--accent-soft);border-color:#8171f173}.portal-notification-badge{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:9px;font-weight:800;display:inline-flex}.portal-notification-popover{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);bottom:18px;left:calc(var(--portal-sidebar-width,218px) + 12px);max-height:min(520px,100vh - 40px);width:min(420px, calc(100vw - var(--portal-sidebar-width,218px) - 28px));z-index:110;gap:10px;padding:12px;display:grid;position:fixed;overflow:hidden;box-shadow:0 18px 44px #00000059}.portal-notification-popover header{justify-content:space-between;align-items:center;display:flex}.portal-notification-popover header>div{align-items:center;gap:6px;display:flex}.portal-notification-popover header strong{font-size:13px}.portal-notification-popover header button:not(.action-button){border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.portal-notification-popover header button:not(.action-button):disabled{cursor:not-allowed;opacity:.45}.portal-notification-popover header button:not(.action-button).portal-notification-view-all{width:auto;padding:0 9px;font-size:11px;font-weight:700}.portal-notification-list{gap:8px;display:grid}.portal-notification-popover .portal-notification-list{scrollbar-color:#8171f19e #ffffff0f;scrollbar-gutter:stable;scrollbar-width:thin;min-height:0;max-height:min(430px,100vh - 128px);padding-right:4px;overflow:hidden auto}.portal-notification-popover .portal-notification-list::-webkit-scrollbar{width:7px}.portal-notification-popover .portal-notification-list::-webkit-scrollbar-track{background:#ffffff0f;border-radius:999px}.portal-notification-popover .portal-notification-list::-webkit-scrollbar-thumb{background:#8171f19e;border-radius:999px}.portal-notification-list article{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.portal-notification-icon{background:var(--accent-soft);color:var(--text);border:1px solid #8171f152;border-radius:999px;flex:0 0 32px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.portal-notification-list article strong{margin-bottom:4px;font-size:12px;display:block}.portal-notification-title-row{justify-content:space-between;align-items:start;gap:8px;display:flex}.portal-notification-title-row>span{background:var(--accent-soft);color:var(--text);border:1px solid #8171f147;border-radius:999px;flex:none;padding:3px 7px;font-size:9px;font-weight:800}.portal-notification-list article p{color:var(--muted);margin:0 0 6px;font-size:11px;line-height:1.45}.portal-notification-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portal-notification-subtitle{font-weight:700;color:var(--text)!important}.portal-notification-rich-content{gap:7px;margin:0 0 7px;display:grid}.portal-notification-rich-content h3{margin:2px 0 0;font-size:12px}.portal-notification-rich-content p{margin-bottom:0!important}.portal-notification-rich-content ul{color:var(--text);margin:0;padding-left:16px;font-size:11px;line-height:1.45}.portal-notification-rich-content li+li{margin-top:4px}.portal-notification-highlights{color:var(--text);margin:0 0 7px;padding-left:16px;font-size:11px;line-height:1.45}.portal-notification-highlights li+li{margin-top:4px}.portal-notification-meta{flex-wrap:wrap;gap:6px;margin:0 0 7px;display:flex}.portal-notification-meta span{border:1px solid var(--line-soft);color:var(--muted);border-radius:999px;padding:3px 7px;font-size:9px;font-weight:700}.portal-notification-list article small,.portal-notification-empty,.portal-notification-error{color:var(--muted);font-size:10px}.portal-notification-list article small{margin-top:3px;display:block}.portal-notification-error{color:var(--red);margin:0}.portal-notification-actions{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.portal-notification-actions .portal-primary-button{min-height:32px;padding:0 10px}.portal-notifications-page{max-width:980px}.portal-notification-history-card{gap:14px;display:grid}.portal-notification-history-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.portal-notification-history-tools{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.portal-notification-history-tools .searchable-select{min-width:190px}.portal-notification-history-list{gap:10px}.portal-notification-history-row{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.portal-notification-history-row.dismissed{opacity:.82}.portal-notification-history-main{gap:6px;min-width:0;display:grid}.portal-notification-history-content-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0;display:grid}.portal-notification-history-copy{gap:6px;min-width:0;display:grid}.portal-notification-history-title{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.portal-notification-history-title strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.portal-notification-history-title span{background:var(--accent-soft);color:var(--text);border:1px solid #8171f147;border-radius:999px;flex:none;padding:3px 7px;font-size:9px;font-weight:800}.portal-notification-history-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.portal-notification-history-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;display:flex}.portal-notification-history-actions{flex-wrap:wrap;justify-content:flex-end;align-self:end;gap:7px;display:flex}.portal-notification-history-actions .portal-primary-button{min-height:32px;padding:0 10px}.portal-notification-details-dialog{width:760px;max-width:min(760px,100vw - 36px)}.portal-notification-details-body{gap:12px;display:grid}.portal-notification-details-meta{margin:0}.portal-notification-details-message{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);color:var(--text);white-space:pre-wrap;margin:0;padding:12px;font-size:13px;line-height:1.55}@media (width<=640px){.portal-notification-popover{width:auto;bottom:12px;left:12px;right:12px}.portal-notification-history-row{grid-template-columns:34px minmax(0,1fr);align-items:start}.portal-notification-history-actions{justify-content:flex-start}.portal-notification-history-content-row{grid-template-columns:minmax(0,1fr);align-items:stretch}.portal-notification-history-heading,.portal-notification-history-tools{flex-direction:column;align-items:stretch}}.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{border-radius:var(--radius-control);color:var(--muted);cursor:pointer;background:0 0;border:0;min-height:34px;padding:0 6px}.portal-account button:hover,.portal-account button:focus-visible{color:var(--text);background:#8171f11f}.portal-account button:first-child{text-align:left;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.portal-account-icon{flex:none}.portal-account-text{flex-direction:column;min-width:0;display:flex}.portal-account strong{color:var(--text);font-size:10px}.portal-account span{font-size:8px}.portal-shell.sidebar-collapsed .portal-sidebar{padding-inline:8px}.portal-shell.sidebar-collapsed .portal-brand{flex-direction:column;align-items:stretch;gap:9px;padding:5px 0 16px}.portal-shell.sidebar-collapsed .portal-brand .brand-mark{align-self:center;margin-right:0}.portal-shell.sidebar-collapsed .portal-brand-text,.portal-shell.sidebar-collapsed .portal-nav-label,.portal-shell.sidebar-collapsed .portal-account-text{display:none}.portal-shell.sidebar-collapsed .portal-profile-switcher{background:0 0;border-color:#0000;margin:0 0 14px;padding:0}.portal-shell.sidebar-collapsed .portal-profile-switcher.delegated{background:#f59e0b1f;border-color:#f59e0bb3;padding:3px;position:relative}.portal-shell.sidebar-collapsed .portal-profile-switcher.delegated:after{border:2px solid var(--panel);color:#111827;content:"!";background:#f59e0b;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:900;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.portal-shell.sidebar-collapsed .portal-profile-switcher>span,.portal-shell.sidebar-collapsed .portal-profile-switcher>small{display:none}.portal-shell.sidebar-collapsed .portal-profile-switcher .searchable-select-trigger{background:0 0;border-color:#0000;justify-content:center;min-height:38px;padding:0}.portal-shell.sidebar-collapsed .portal-profile-switcher .searchable-select-trigger:hover,.portal-shell.sidebar-collapsed .portal-profile-switcher .searchable-select-trigger:focus-visible,.portal-shell.sidebar-collapsed .portal-profile-switcher .searchable-select-trigger[aria-expanded=true]{background:var(--accent-soft);border-color:#8171f173}.portal-shell.sidebar-collapsed .portal-profile-switcher .searchable-select-trigger-icon{color:var(--text);margin:0}.portal-shell.sidebar-collapsed .portal-profile-switcher .searchable-select-trigger-text,.portal-shell.sidebar-collapsed .portal-profile-switcher .searchable-select-chevron,.portal-shell.sidebar-collapsed .portal-profile-switcher .searchable-select-clear{display:none}.portal-shell.sidebar-collapsed .portal-sidebar-toggle{width:100%;height:38px;margin-left:0}.portal-shell.sidebar-collapsed .portal-sidebar nav a,.portal-shell.sidebar-collapsed .portal-sidebar nav button{justify-content:center;padding:0}.portal-shell.sidebar-collapsed .portal-notification-center{margin:0 0 14px}.portal-shell.sidebar-collapsed .portal-notification-trigger{justify-content:center;min-height:38px;padding:0}.portal-shell.sidebar-collapsed .portal-notification-label,.portal-shell.sidebar-collapsed .portal-notification-trigger>.action-button-label{display:none}.portal-shell.sidebar-collapsed .portal-notification-trigger>.action-button-trailing{pointer-events:none;margin-left:0;position:absolute;top:50%;left:50%;transform:translate(3px,-16px)}.portal-shell.sidebar-collapsed .portal-notification-badge{position:static}.portal-shell.sidebar-collapsed .portal-account{flex-direction:column;justify-content:center;align-items:stretch;gap:5px;padding-inline:0}.portal-shell.sidebar-collapsed .portal-account button{justify-content:center;align-items:center;width:100%;min-height:38px;padding:0;display:inline-flex}.portal-shell.sidebar-collapsed .portal-account button:first-child{flex:none}.portal-shell.sidebar-collapsed .portal-account>.action-button-command .action-button-copy{display:none}@media (width<=760px){.portal-shell,.portal-shell.sidebar-collapsed{grid-template-rows:52px minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.portal-mobile-header{background:var(--panel);border-bottom:1px solid var(--line);min-width:0;padding:7px max(10px, env(safe-area-inset-right)) 7px max(10px, env(safe-area-inset-left));z-index:20;grid-area:1/1;align-items:center;gap:10px;display:flex}.portal-mobile-header>.action-button{flex:none}.portal-mobile-title{align-items:center;gap:9px;min-width:0;display:flex}.portal-mobile-title .brand-mark{flex:none}.portal-mobile-title>div:last-child{gap:1px;min-width:0;display:grid}.portal-mobile-title strong,.portal-mobile-title span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-mobile-title strong{font-size:12px}.portal-mobile-title span{color:var(--muted);font-size:9px}.portal-mobile-nav-backdrop{opacity:0;pointer-events:none;z-index:990;background:#0305089e;border:0;padding:0;transition:opacity .16s;display:block;position:fixed;inset:0}.portal-shell.mobile-nav-open .portal-mobile-nav-backdrop{opacity:1;pointer-events:auto}.portal-sidebar{max-width:calc(100vw - 40px);padding:max(15px, env(safe-area-inset-top)) 10px max(15px, env(safe-area-inset-bottom));z-index:1000;width:min(320px,88vw);transition:transform .18s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%);box-shadow:18px 0 44px #00000061}.portal-shell.mobile-nav-open .portal-sidebar{transform:translate(0)}.portal-sidebar .portal-brand{padding-bottom:16px}.portal-sidebar nav a,.portal-sidebar nav button{min-height:42px}.portal-main{grid-area:2/1}.portal-shell.mobile-nav-open .portal-main{overflow:hidden}.portal-notification-popover{z-index:1100}}.portal-demo-bar{background:color-mix(in srgb, var(--accent) 10%, var(--panel));border-bottom:1px solid color-mix(in srgb, var(--accent) 35%, var(--line));justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:8px clamp(14px,2vw,28px);display:flex}.portal-demo-bar>div{align-items:center;gap:8px;min-width:0;display:flex}.portal-demo-bar>div:first-child>svg{color:var(--accent);flex:none;font-size:20px}.portal-demo-bar span{gap:2px;min-width:0;display:grid}.portal-demo-bar strong{font-size:11px}.portal-demo-bar small{color:var(--muted);font-size:9px}@media (width<=760px){.portal-demo-bar{flex-direction:column;align-items:stretch}.portal-demo-bar>div:last-child{justify-content:flex-end}}@media (width<=760px) and (prefers-reduced-motion:reduce){.portal-mobile-nav-backdrop,.portal-sidebar{transition:none}}.portal-main{min-width:0;min-height:0;overflow:auto}.portal-main.has-scrollbar{scrollbar-gutter:stable}.portal-main>.app-shell,.portal-studio-host,.portal-studio-host>.app-shell{height:100%}.portal-page{max-width:1120px;padding:var(--page-padding);margin:0 auto}.portal-page-header-actions{justify-content:space-between;align-items:start;gap:16px;display:flex}.portal-page-header-action-slot{flex-wrap:wrap;flex:none;align-items:center;gap:8px;max-width:100%;display:flex}.portal-header-icon-button{min-width:38px;padding:0}.portal-stat-grid{gap:var(--layout-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;display:grid}.portal-stat-grid article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);flex-direction:column;gap:7px;padding:18px;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-obs-reconnect-row{justify-content:space-between;align-items:center;gap:12px;margin:14px 0;display:flex}.portal-obs-reconnect-row>span{color:var(--muted);font-size:11px;font-weight:700}.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:var(--radius-control);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);border-radius:var(--radius-panel);cursor:pointer;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 .searchable-select-trigger,.portal-file-target select{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);min-height:38px;padding:0 10px}.portal-global-config-page{gap:18px;display:grid}.portal-global-config-page .portal-file-upload-card,.portal-global-config-page .portal-file-library-card{margin-top:0}.portal-file-filters{flex-wrap:wrap;align-items:end;gap:10px;margin:18px 0;display:flex}.portal-file-filters label{flex:0 0 190px;gap:6px;min-width:0;display:grid}.portal-file-filters .portal-file-search-filter{flex:230px;min-width:180px}.portal-file-filters span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.portal-file-filters input,.portal-file-filters .searchable-select-trigger,.portal-file-filters select{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);min-width:0;min-height:38px;padding:0 10px}.portal-global-default-form{gap:16px;margin-top:18px;display:grid}.portal-global-toggle-row{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-panel);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px;display:grid}.portal-global-toggle-row input{margin-top:3px}.portal-global-toggle-row span{gap:4px;display:grid}.portal-global-toggle-row strong{font-size:12px}.portal-global-toggle-row small,.portal-global-media-field small{color:var(--muted);font-size:10px;line-height:1.4}.portal-global-default-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.portal-global-default-grid>label,.portal-global-default-field,.portal-global-media-field{gap:6px;min-width:0;display:grid}.portal-global-default-grid>label>span,.portal-global-default-field>span,.portal-global-media-field>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.portal-global-default-grid input,.portal-global-default-grid .searchable-select-trigger,.portal-global-default-grid select{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);min-width:0;min-height:38px;padding:0 10px}.portal-global-media-field{grid-column:1/-1}.portal-global-media-control{grid-template-columns:minmax(0,1fr) auto 38px;gap:8px;display:grid}.portal-global-save-bar{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.portal-global-notification-form{grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:12px;margin:0;display:grid}.portal-global-notification-audience-row{grid-column:1/-1;grid-template-columns:minmax(150px,190px) minmax(0,1fr);gap:12px;display:grid}.portal-global-notification-form>label,.portal-global-notification-audience-row label,.portal-notification-audience-field{gap:6px;min-width:0;display:grid}.portal-global-notification-form>label>span,.portal-global-notification-audience-row label>span,.portal-notification-audience-field>span,.portal-notification-builder-header span,.portal-notification-builder-preview>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.portal-global-notification-form input,.portal-global-notification-form .searchable-select-trigger,.portal-global-notification-form select,.portal-global-notification-form textarea{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);min-width:0;min-height:38px;padding:8px 10px}.portal-global-notification-form textarea{resize:vertical;line-height:1.45}.portal-notification-type-help{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);color:var(--muted);align-self:end;align-items:center;gap:9px;min-height:38px;padding:8px 10px;display:flex}.portal-notification-type-help svg{color:var(--text);flex:none}.portal-notification-builder,.portal-global-notification-form .portal-global-save-bar{grid-column:1/-1}.portal-notification-builder{gap:12px;display:grid}.portal-notification-builder-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.portal-notification-builder-header p{color:var(--muted);margin:4px 0 0;font-size:11px}.portal-notification-builder-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.portal-notification-builder-grid{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:start;gap:14px;display:grid}.portal-notification-block-list{gap:10px;display:grid}.portal-notification-builder-block{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-panel);gap:8px;padding:10px;display:grid}.portal-notification-builder-block>div{justify-content:space-between;align-items:center;display:flex}.portal-notification-builder-block strong{font-size:12px}.portal-notification-builder-preview{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-panel);gap:8px;padding:10px;display:grid;position:sticky;top:16px}.portal-notification-builder-preview article{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-control);grid-template-columns:32px minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.portal-file-library-heading{align-items:center}.portal-file-library-heading>div:first-child{min-width:0}.portal-file-header-actions{flex-wrap:wrap;flex:420px;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;display:flex}.portal-file-header-actions>strong{color:var(--muted);white-space:nowrap;font-size:12px}.portal-file-header-actions .profile-transfer-actions{flex-wrap:nowrap}.portal-file-header-actions .portal-user-icon-action{width:34px;min-height:34px}.portal-soundboard-page{max-width:1360px}.portal-soundboard-layout{grid-template-columns:260px minmax(0,1fr);gap:18px;margin-top:22px;display:grid}.portal-soundboard-list,.portal-soundboard-editor,.portal-soundboard-empty-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);min-width:0;padding:14px}.portal-soundboard-list{grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:620px;display:grid}.portal-primary-button{background:var(--accent);border-radius:var(--radius-control);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:800;display:inline-flex}.portal-primary-button:disabled{opacity:.45}.portal-soundboard-board-list{grid-auto-rows:74px;align-content:start;gap:8px;min-height:0;display:grid}.portal-soundboard-board-list article{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) 32px;align-items:stretch;min-width:0;padding:7px;display:grid;overflow:hidden}.portal-soundboard-board-list article:hover,.portal-soundboard-board-list article.active{background:var(--accent-soft);border-color:#8171f173}.portal-soundboard-board-select{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;gap:4px;min-width:0;padding:0 8px 0 4px;display:grid}.portal-soundboard-board-select strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-soundboard-board-list span{color:var(--muted);font-size:10px}.portal-soundboard-board-delete{align-self:center}.portal-soundboard-modebar{gap:12px;margin-bottom:14px;display:grid}.portal-soundboard-primary-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.portal-soundboard-action-mode,.portal-soundboard-overlay-controls,.portal-soundboard-preview-controls{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.portal-soundboard-action-mode button,.portal-soundboard-overlay-controls button,.portal-soundboard-preview-controls button{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;align-items:center;gap:5px;min-height:32px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.portal-soundboard-action-mode button.active,.portal-soundboard-action-mode button:hover,.portal-soundboard-overlay-controls button:hover,.portal-soundboard-preview-controls button:hover{border-color:var(--accent);color:var(--text)}.portal-soundboard-action-mode button.active{background:var(--accent-soft)}.portal-soundboard-preview-mode{align-items:center;gap:6px;display:inline-flex}.portal-soundboard-preview-mode span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.portal-soundboard-preview-mode .searchable-select-trigger,.portal-soundboard-preview-mode select{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);min-height:32px;padding:0 10px}.portal-soundboard-overlay-controls button:disabled,.portal-soundboard-preview-controls button:disabled{cursor:not-allowed;opacity:.55}.portal-soundboard-edit-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.portal-soundboard-edit-actions>span{color:var(--amber);font-size:11px;font-weight:800}.portal-soundboard-board-actions{border-top:1px solid var(--line-soft);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-height:45px;padding-top:10px;display:flex}.portal-soundboard-toolbar{grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) 160px;gap:12px;display:grid}.portal-soundboard-toolbar label,.portal-soundboard-settings label,.portal-soundboard-public-settings label{gap:6px;display:grid}.portal-soundboard-toolbar span,.portal-soundboard-settings span,.portal-soundboard-public-settings span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.portal-soundboard-toolbar input,.portal-soundboard-toolbar .searchable-select-trigger,.portal-soundboard-toolbar select,.portal-soundboard-settings input:not([type=checkbox]),.portal-soundboard-settings .searchable-select-trigger,.portal-soundboard-settings select,.portal-soundboard-public-settings input:not([type=checkbox]),.portal-soundboard-sound-form input,.portal-soundboard-sound-form .searchable-select-trigger,.portal-soundboard-sound-form select{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);width:100%;min-width:0;min-height:36px;padding:0 10px}.slider-field{gap:8px;min-width:0;display:grid}.slider-field-header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.slider-field output{color:var(--text);font-variant-numeric:tabular-nums;font-size:10px;font-weight:800}.slider-field input[type=range]{appearance:none;background:linear-gradient(90deg, var(--accent) 0%, var(--accent) var(--slider-percent), var(--line) var(--slider-percent), var(--line) 100%);border:0;border-radius:999px;width:100%;height:6px;min-height:6px;padding:0}.slider-field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--text);border:1px solid var(--line);border-radius:999px;width:16px;height:16px;box-shadow:0 2px 8px #00000059}.slider-field input[type=range]::-moz-range-thumb{background:var(--text);border:1px solid var(--line);border-radius:999px;width:16px;height:16px;box-shadow:0 2px 8px #00000059}.slider-field input[type=range]:disabled{cursor:not-allowed;opacity:.45}.portal-soundboard-settings{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.portal-soundboard-public-settings{border-top:1px solid var(--line-soft);grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:14px;padding-top:14px;display:grid}.portal-soundboard-color-setting{grid-column:span 2}:is(.portal-soundboard-settings label:has(input[type=checkbox]),.portal-soundboard-public-settings label:has(input[type=checkbox])){background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);align-self:end;align-items:center;gap:8px;min-height:36px;padding:0 10px;display:flex}.portal-soundboard-settings input[type=checkbox],.portal-soundboard-public-settings input[type=checkbox]{accent-color:var(--accent);flex:none;width:13px;height:13px;margin:0}.portal-soundboard-public-url{grid-column:1/-1}.portal-soundboard-actions{justify-content:space-between;align-items:center;gap:8px;margin:16px 0;display:flex}.portal-soundboard-actions>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.portal-soundboard-actions>div>small{flex-basis:100%}.portal-soundboard-actions small{color:var(--muted);font-size:11px}.portal-soundboard-grid{grid-template-columns:repeat(var(--soundboard-columns,4), minmax(var(--soundboard-button-size,120px), 1fr));display:grid}.portal-soundboard-sound{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-panel);gap:10px;min-width:0;padding:10px;display:grid;position:relative}.portal-soundboard-trigger{background:linear-gradient(180deg, #ffffff0a, #00000029), var(--soundboard-button-color,#171b24);border:1px solid var(--line);border-radius:var(--radius-panel);color:#fff;cursor:pointer;place-items:center;gap:8px;padding:10px;display:grid;overflow:hidden}.portal-soundboard-trigger:disabled{cursor:not-allowed;opacity:.72}.portal-soundboard-trigger:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.portal-soundboard-sound.has-warning .portal-soundboard-trigger{border-color:#e5a64f8c}.portal-soundboard-warning{color:var(--amber);cursor:help;z-index:2;background:#120e08eb;border:1px solid #e5a64f8c;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;top:6px;right:6px}.portal-soundboard-trigger img,.portal-soundboard-placeholder{aspect-ratio:1;border-radius:var(--radius-control);object-fit:cover;place-items:center;width:min(100%,110px);display:grid}.portal-soundboard-placeholder{color:#ffffffb8;background:#0003}.portal-soundboard-trigger strong{line-clamp:2;-webkit-line-clamp:2;overflow-wrap:anywhere;text-align:center;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.portal-soundboard-sound-form{gap:7px;display:grid}.portal-soundboard-sound-color-field{gap:6px;min-width:0;display:grid}.portal-soundboard-sound-color-field>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.portal-soundboard-sound-color-control{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-width:0;display:grid}.portal-soundboard-sound-color-picker{min-width:0}.portal-soundboard-sound-color-control>button{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;white-space:nowrap;min-height:36px;padding:0 10px;font-size:11px;font-weight:800}.portal-soundboard-sound-color-control>button:hover:not(:disabled){background:var(--panel-hover);border-color:var(--accent)}.portal-soundboard-sound-color-control>button:disabled{cursor:not-allowed;opacity:.45}.portal-soundboard-media-field{gap:6px;min-width:0;display:grid}.portal-soundboard-media-field>span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.portal-soundboard-media-control{grid-template-columns:minmax(0,1fr) 36px;gap:6px;min-width:0;display:grid}.portal-soundboard-media-picker,.portal-soundboard-media-clear{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;align-items:center;min-height:36px;display:inline-flex}.portal-soundboard-media-picker{text-align:left;justify-content:flex-start;gap:8px;width:100%;min-width:0;padding:0 10px}.portal-soundboard-media-picker.selected{border-color:#8171f180}.portal-soundboard-media-picker svg{color:var(--muted);flex:none}.portal-soundboard-media-picker strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.portal-soundboard-media-clear{color:var(--muted);justify-content:center;padding:0}.portal-soundboard-media-picker:hover:not(:disabled),.portal-soundboard-media-clear:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.portal-soundboard-media-clear:disabled{cursor:not-allowed;opacity:.45}.portal-soundboard-sound-actions{justify-content:flex-end;gap:6px;display:flex}.portal-soundboard-sound-actions button,.portal-delete-icon-action{border:1px solid var(--line-soft);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.portal-soundboard-sound-actions button:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.portal-delete-icon-action{color:var(--red)}.portal-delete-icon-action:disabled{cursor:not-allowed;opacity:.45}.portal-soundboard-empty,.portal-soundboard-empty-panel{color:var(--muted)}.widgets-layout{flex:1;gap:12px;min-width:0;min-height:0;display:grid;overflow:hidden}.editor-dialog.widgets-page{box-shadow:none;border:0;border-radius:0;flex-direction:column;width:100%;max-width:none;height:100%;min-height:760px;display:flex;overflow:hidden}.widgets-layout.listing{grid-template-columns:minmax(320px,1fr);padding:14px 16px 24px;overflow:auto}.widgets-layout.editing{grid-template-columns:minmax(0,1fr);padding:14px 16px 24px}.widgets-list-panel,.widgets-editor,.widgets-editor-toolbar,.widgets-canvas-panel,.widgets-layer-panel,.widgets-layer-editor,.widgets-empty{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel)}.widgets-list-panel{flex-direction:column;gap:10px;min-width:0;min-height:0;padding:12px;display:flex}.widgets-list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.widgets-list-header>div{gap:3px;display:grid}.widgets-list-header strong{color:var(--text);font-size:14px}.widgets-list-header span{color:var(--muted);font-size:12px}.widgets-list-header>button:not(.action-button),.widgets-toolbar-actions button:not(.action-button),.widgets-add-layer-actions button:not(.action-button),.widgets-layer-editor-heading button:not(.action-button),.widgets-motion-section-header button:not(.action-button),.widgets-media-input-row button:not(.action-button),.widgets-media-picker-row button:not(.action-button),.widgets-variable-panel button:not(.action-button){background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 11px;font-size:12px;font-weight:700;display:inline-flex}.widgets-list-header>button:not(.action-button):hover:not(:disabled),.widgets-toolbar-actions button:not(.action-button):hover:not(:disabled),.widgets-add-layer-actions button:not(.action-button):hover:not(:disabled),.widgets-layer-editor-heading button:not(.action-button):hover:not(:disabled),.widgets-motion-section-header button:not(.action-button):hover:not(:disabled),.widgets-media-input-row button:not(.action-button):hover:not(:disabled),.widgets-media-picker-row button:not(.action-button):hover:not(:disabled),.widgets-variable-panel button:not(.action-button):hover:not(:disabled){border-color:var(--accent)}.widgets-list-panel button:disabled,.widgets-toolbar-actions button:not(.action-button):disabled,.widgets-media-input-row button:not(.action-button):disabled,.widgets-media-picker-row button:not(.action-button):disabled{cursor:not-allowed;opacity:.55}.widgets-list{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:8px;max-height:none;display:grid;overflow:auto}.widgets-list>article,.widgets-layer-row{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;text-align:left;gap:4px;padding:10px;display:grid}.widgets-list>article{grid-template-columns:minmax(0,1fr) auto;align-items:center}.widget-import-media-dialog{width:min(760px,100vw - 32px);max-width:760px;max-height:min(760px,100vh - 32px);overflow:hidden}.widget-import-media-body{min-height:0;overflow:auto}.widget-import-media-list{gap:8px;display:grid}.widget-import-media-item{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.widget-import-media-kind{background:var(--panel-hover);border-radius:var(--radius-control);color:var(--accent);justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.widget-import-media-item>div{gap:3px;min-width:0;display:grid}.widget-import-media-item strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.widget-import-media-source,.widget-import-media-replacement{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.widget-import-media-source{color:var(--muted)}.widget-import-media-replacement{color:var(--success)}@media (width<=620px){.widget-import-media-item{grid-template-columns:auto minmax(0,1fr)}.widget-import-media-item>.action-button{grid-column:1/-1;justify-self:end}}.widgets-list-actions{align-items:center;gap:4px;display:flex}.widgets-list-actions button{border-radius:var(--radius-compact);color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.widgets-list-actions button:hover:not(:disabled){background:var(--panel-hover);color:var(--text)}.widgets-list-open{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:0;display:grid}.widgets-list-card-copy{gap:4px;min-width:0;display:grid}.widgets-list-card-copy strong,.widgets-list-card-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widgets-list-preview{border:1px solid var(--line);border-radius:var(--radius-control);background-color:#070a0f;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0a 75%),linear-gradient(-45deg,#0000 75%,#ffffff0a 75%),none;background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;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;justify-content:center;align-items:center;width:206px;height:116px;display:flex;overflow:hidden}.widgets-list-preview-shell{transform-origin:50%;flex:none}.widgets-list-preview-surface{width:100%;height:100%;position:relative;overflow:hidden}.widgets-list-preview-image{object-fit:contain;max-width:100%;max-height:100%;display:block}.widgets-list-preview .widget-layer,.widgets-list-preview .widget-layer *{cursor:default;pointer-events:none}.widgets-list>article.active,.widgets-layer-row.active{background:var(--accent-soft);border-color:#8171f173}.widgets-layer-row.primary-active{box-shadow:inset 0 0 0 1px #8171f18c}.widgets-layer-row:hover,.widgets-list>article:hover{border-color:#8171f159}.widgets-list strong,.widgets-layer-copy strong{font-size:13px}.widgets-list span,.widgets-list p,.widgets-layer-copy span,.widgets-layer-copy small{color:var(--muted);font-size:11px}.widgets-editor{background:0 0;border:0;border-radius:0;grid-template-rows:auto minmax(0,1fr);gap:12px;min-width:0;height:100%;max-height:none;padding:0;display:grid;overflow:hidden}.widgets-empty{color:var(--muted);text-align:center;place-items:center;gap:8px;min-height:320px;padding:24px;display:grid}.widgets-empty svg{color:var(--accent);font-size:42px}.widgets-empty strong{color:var(--text)}.widgets-status{margin:10px 18px 0;padding:10px 12px;font-size:13px;font-weight:700}.widgets-editor-toolbar{grid-template-columns:minmax(0,1fr);gap:10px;padding:12px;display:grid;overflow:visible}.widgets-editor-toolbar-action-row{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.widgets-editor-toolbar-input-row{grid-template-columns:minmax(220px,2fr) repeat(2,minmax(120px,.7fr));align-items:end;gap:10px;min-width:0;display:grid}.widgets-editor-toolbar label,.widgets-editor-toolbar .input-group,.widgets-layer-editor label,.widgets-layer-editor .input-group,.widgets-color-field{gap:5px;min-width:0;display:grid}.widgets-color-field{grid-column:1/-1;width:100%}.widgets-color-field .custom-color-picker{width:100%}.widgets-save-status{background:color-mix(in srgb, var(--panel-raised) 90%, transparent);border:1px solid var(--line);border-radius:var(--radius-control);box-sizing:border-box;color:var(--muted);height:32px;white-space:nowrap;flex:0 0 136px;justify-content:center;align-self:center;align-items:center;gap:7px;inline-size:136px;padding:0 12px;font-size:11px;font-weight:700;display:inline-flex}.widgets-save-status svg{font-size:17px}.widgets-save-status.dirty{border-color:color-mix(in srgb, #ffd166 48%, var(--line));color:#ffd166}.widgets-save-status.saved{color:var(--success,#39c997)}.widgets-save-status.working svg{animation:.85s linear infinite spin}.widgets-widget-settings{background:color-mix(in srgb, var(--panel-raised) 72%, transparent);border-color:var(--line-soft)}.widgets-widget-settings-content{padding:10px}.widgets-widget-settings-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-items:end;gap:10px;display:grid}.widgets-effects-controls{flex:100%;grid-template-columns:repeat(3,minmax(220px,1fr));gap:8px;min-width:0;display:grid}.widgets-effects-controls details{border:1px solid var(--line-soft);border-radius:var(--radius-control);background:0 0;min-width:0;overflow:hidden}.widgets-effects-controls summary{color:var(--text);cursor:pointer;padding:9px 10px;font-size:12px;font-weight:800}.widgets-effects-controls details[open] summary{border-bottom:1px solid var(--line)}.widgets-effects-controls .widgets-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.widgets-effects-controls.layer{flex:none;grid-template-columns:minmax(0,1fr)}.widgets-layer-options-section{border:1px solid var(--line-soft);border-radius:var(--radius-control);background:0 0;overflow:hidden}.widgets-layer-options-section>summary{color:var(--text);cursor:pointer;padding:9px 10px;font-size:12px;font-weight:800}.widgets-layer-options-section[open]>summary{border-bottom:1px solid var(--line)}.widgets-border-options{border:1px solid var(--line-soft);border-radius:var(--radius-control);background:0 0;grid-column:1/-1;overflow:hidden}.widgets-border-options>summary{color:var(--text);cursor:pointer;padding:9px 10px;font-size:12px;font-weight:800}.widgets-border-options[open]>summary{border-bottom:1px solid var(--line)}.widgets-border-options>.widgets-field-grid{padding:10px}.widgets-border-enabled,.widgets-border-media-settings{grid-column:1/-1}.widgets-border-media-settings{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;display:grid}.widgets-border-media-settings>*{width:100%;min-width:0}.widgets-layer-options-section .widgets-motion-grid{border-top:0;padding:10px}.widgets-motion-sections{gap:10px;padding:10px;display:grid}.timeline-editor{gap:10px;min-width:0;display:grid}.timeline-editor-boundaries,.timeline-editor-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.timeline-editor-transition{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-control);gap:8px;min-width:0;padding:9px;display:grid}.timeline-editor-transition>header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.timeline-editor-transition>header strong{color:var(--text);font-size:12px}.timeline-editor-transition>header button{white-space:nowrap;min-height:30px}.widgets-motion-section{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-control);gap:8px;min-width:0;padding:9px;display:grid}.widgets-motion-section .widgets-motion-grid{padding:0}.widgets-motion-section-header{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.widgets-motion-section-header strong{color:var(--text);font-size:12px}.widgets-motion-section-header button{white-space:nowrap;min-height:30px}.widgets-layer-options-body{gap:10px;padding:10px;display:grid}.widgets-layer-filter-toolbar{justify-content:flex-end;display:flex}.widgets-layer-filter{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);gap:10px;padding:10px;display:grid}.widgets-layer-filter>header,.widgets-layer-filter-actions{align-items:center;gap:6px;display:flex}.widgets-layer-filter>header{justify-content:space-between}.widgets-layer-filter-actions{flex:none}.widgets-layer-filter-empty{color:var(--muted);text-align:center;margin:0;padding:8px 0}.widgets-editor-toolbar label>span,.widgets-editor-toolbar .input-group-label,.widgets-layer-editor label>span,.widgets-layer-editor .input-group-label,.widgets-color-field>span{color:var(--muted);font-size:11px;font-weight:700}.widgets-editor-toolbar input,.widgets-editor-toolbar select,.widgets-editor-toolbar .searchable-select-trigger,.widgets-layer-editor input,.widgets-layer-editor select,.widgets-layer-editor textarea{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);min-height:var(--input-group-control-height,var(--control-height-medium));padding:0 9px;font-size:12px}.widgets-layer-editor textarea{resize:vertical;min-height:72px;padding:8px 9px}.widgets-toolbar-actions{flex-wrap:nowrap;flex:none;justify-content:flex-end;gap:7px;min-width:0;margin-left:auto;display:flex;overflow-x:auto}.widgets-toolbar-actions button{white-space:nowrap}.widgets-content-size-summary{gap:5px;display:grid}.widgets-content-size-summary span{color:var(--muted);font-size:11px;font-weight:700}.widgets-content-size-summary strong{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);align-items:center;min-height:34px;padding:0 9px;font-size:12px;display:inline-flex}.widgets-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:stretch;gap:12px;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.widgets-canvas-panel{box-sizing:border-box;grid-template-rows:auto minmax(0,1fr);align-self:stretch;gap:12px;width:100%;min-width:0;min-height:0;max-height:100%;padding:12px;display:grid;overflow:hidden}.editor-dialog.widgets-page.timeline-open{overscroll-behavior:contain;overflow:hidden auto}.widgets-page.timeline-open .widgets-layout.editing{flex:none;overflow:visible}.widgets-page.timeline-open .widgets-editor{grid-template-rows:auto auto;height:auto;overflow:visible}.widgets-page.timeline-open .widgets-workspace{align-items:start;height:auto;overflow:visible}.widgets-page.timeline-open .widgets-canvas-panel{grid-template-rows:auto auto auto;max-height:none;overflow:visible}.widgets-page.timeline-open .widgets-canvas-viewport{height:clamp(420px,62vh,720px);min-height:420px}.widgets-page.timeline-open .widget-animation-timeline{max-height:none;overflow:visible}.widgets-canvas-header{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:start;gap:12px;min-width:0;display:grid}.widgets-canvas-header strong,.widgets-layer-panel h2,.widgets-layer-editor h2{color:var(--text);margin:0;font-size:14px;display:block}.widgets-canvas-header span,.widgets-layer-editor-heading span,.widgets-layer-editor p{color:var(--muted);font-size:12px}.widgets-add-layer-actions{flex-wrap:nowrap;justify-content:flex-end;gap:7px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.widgets-canvas-tools{align-content:start;justify-items:end;gap:8px;min-width:min(620px,100%);max-width:100%;display:grid}.widgets-preview-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:100%;display:flex}.widgets-preview-scale-control{max-width:440px}.widgets-canvas-viewport{background:linear-gradient(45deg,#ffffff0a 25%,#0000 25% 75%,#ffffff0a 75%),linear-gradient(45deg,#ffffff0a 25%,#0000 25% 75%,#ffffff0a 75%);background-color:var(--bg);border:1px solid var(--line);border-radius:var(--radius-panel);box-sizing:border-box;background-position:0 0,12px 12px;background-size:24px 24px;min-width:0;height:100%;min-height:0;padding:18px;overflow:auto}.widgets-canvas-viewport.mode-fit{overflow:hidden}.widgets-canvas-viewport.mode-actual{overflow:auto}.widgets-canvas-stage-shell{place-items:center;display:grid}.widgets-canvas-stage{margin:0;position:relative}.widgets-canvas-surface{box-shadow:inset 0 0 0 var(--widget-editor-line,1px) #ffffffb8;outline:var(--widget-editor-line,1px) dashed #101319bf;outline-offset:var(--widget-editor-canvas-outline-offset,-4px);border:0;position:relative;overflow:visible}.widget-scene-effects{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.widget-layer{color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0;position:absolute}.widget-parent-clip-slot{pointer-events:none;position:absolute;inset:0;overflow:hidden}.widget-parent-clip-slot>.widget-layer{pointer-events:auto}.widget-layer-motion,.widget-layer-transition{transform-origin:50%;position:absolute;inset:0}.widget-layer-visual{box-sizing:border-box;pointer-events:none;text-align:center;z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.widget-layer-visual>:not(.widget-theme-ornament):not(.widget-scene-effects){z-index:2;position:relative}.widget-layer-content-mask{z-index:0;position:absolute;inset:0;overflow:visible}.widget-layer-background-fill{pointer-events:none;z-index:0;position:absolute}.widget-layer-border-overlay{box-sizing:border-box;pointer-events:none;z-index:1500;position:absolute;inset:0}.widget-layer-surface{pointer-events:none;position:absolute;inset:0;overflow:visible}.widget-layer-surface.fill{z-index:0}.widget-layer-surface.border{z-index:1500}.widget-layer-surface.media{overflow:hidden}.widget-layer-surface.media>img,.widget-layer-surface.media>video{display:block}.widget-layer-motion.ambient-motion[data-motion=float]{animation:widget-surface-float var(--motion-duration) ease-in-out infinite alternate;animation-play-state:var(--motion-play-state)}.widget-layer-motion.ambient-motion[data-motion=pulse]{animation:widget-surface-pulse var(--motion-duration) ease-in-out infinite alternate;animation-play-state:var(--motion-play-state)}.widget-layer-motion.ambient-motion[data-motion=tilt]{animation:widget-surface-tilt var(--motion-duration) ease-in-out infinite alternate;animation-play-state:var(--motion-play-state)}.widget-layer-motion.ambient-motion[data-motion=shimmer]{animation:widget-surface-shimmer var(--motion-duration) ease-in-out infinite;animation-play-state:var(--motion-play-state)}.widget-theme-ornament{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.widget-layer.locked{cursor:not-allowed}.widgets-layer-context-menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:none;overscroll-behavior:contain;z-index:2147483647;gap:2px;min-width:190px;max-width:calc(100vw - 16px);max-height:min(420px,100vh - 24px);padding:5px;display:grid;position:fixed;overflow:auto}.widgets-layer-context-menu header{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:220px;padding:7px 8px 5px;font-size:11px;font-weight:700;overflow:hidden}.widgets-layer-context-menu>span{border-top:1px solid var(--line);margin:4px 3px}.widget-layer.kind-sound{background:#39c99724!important}.widget-layer-media{object-fit:cover;width:100%;height:100%}.widget-layer-media-root{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.widget-layer-media.chroma-result{display:block}.widget-layer-media.group-background{pointer-events:none;position:absolute;inset:0}.widget-chroma-source{opacity:0;pointer-events:none;position:fixed;top:-9999px;left:-9999px;width:1px!important;height:1px!important}.widget-default-alert-card{background:0 0;place-content:center;justify-items:center;gap:8px;width:100%;height:100%;padding:18px;display:grid;position:relative}.widget-default-alert-card:before{background:var(--widget-alert-accent,var(--accent));content:"";border-radius:999px;height:4px;position:absolute;top:12px;left:18%;right:18%}.widget-default-alert-card span,.widget-default-alert-card p,.widget-media-placeholder{color:var(--muted);font-size:14px}.widget-default-alert-card strong{font-size:30px}.widget-text-layer{box-sizing:border-box;overflow-wrap:anywhere;white-space:pre-wrap;width:100%;padding:8px;display:block}.widget-sound-layer{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;max-width:100%;padding:0 10px;display:inline-flex;overflow:hidden}.widget-resize-handle{background:var(--accent);border:2px solid var(--panel);box-sizing:border-box;height:12px;transform:scale(var(--widget-editor-inverse-scale,1));transform-origin:50%;z-index:20;border-radius:999px;width:12px;position:absolute}.widget-resize-handle.handle-nw,.widget-resize-handle.handle-se{cursor:nwse-resize}.widget-resize-handle.handle-ne,.widget-resize-handle.handle-sw{cursor:nesw-resize}.widget-resize-handle.handle-n,.widget-resize-handle.handle-s{cursor:ns-resize}.widget-resize-handle.handle-e,.widget-resize-handle.handle-w{cursor:ew-resize}.widget-resize-handle.handle-nw{top:-6px;left:-6px}.widget-resize-handle.handle-n{top:-6px;left:calc(50% - 6px)}.widget-resize-handle.handle-ne{top:-6px;right:-6px}.widget-resize-handle.handle-e{top:calc(50% - 6px);right:-6px}.widget-resize-handle.handle-se{bottom:-6px;right:-6px}.widget-resize-handle.handle-s{bottom:-6px;left:calc(50% - 6px)}.widget-resize-handle.handle-sw{bottom:-6px;left:-6px}.widget-resize-handle.handle-w{top:calc(50% - 6px);left:-6px}.widget-rotation-handle{background:var(--panel);border:1px solid color-mix(in srgb, var(--accent) 75%, var(--line));color:var(--accent);cursor:grab;touch-action:none;height:22px;transform:translate(-50%, -50%) scale(var(--widget-editor-inverse-scale,1));transform-origin:50%;z-index:21;border-radius:999px;justify-content:center;align-items:center;width:22px;display:inline-flex;position:absolute;box-shadow:0 2px 7px #00000057}.widget-rotation-handle svg{width:17px;height:17px}.widget-rotation-handle:active{cursor:grabbing}.widget-rotation-handle.handle-n{left:50%;top:calc(0px - var(--widget-editor-rotation-handle-offset,24px))}.widget-selection-bounds{border:var(--widget-editor-line,1px) dashed #36c5f0f2;box-sizing:border-box;outline:var(--widget-editor-line,1px) solid #03050873;pointer-events:none;z-index:3000;position:absolute}.widget-selection-bounds.has-rotation-handle:before{border-left:var(--widget-editor-line,1px) dashed #36c5f0f2;content:"";height:var(--widget-editor-rotation-handle-offset,24px);pointer-events:none;left:50%;top:calc(0px - var(--widget-editor-rotation-handle-offset,24px));position:absolute;transform:translate(-50%)}.widget-selection-bounds .widget-resize-handle,.widget-selection-bounds .widget-rotation-handle{pointer-events:auto}.widget-snap-guide,.widget-snap-spacing{pointer-events:none;z-index:2000;position:absolute}.widget-snap-guide{box-shadow:0 0 0 var(--widget-editor-line,1px) #03050859;background:#36c5f0eb}.widget-snap-guide.vertical{width:var(--widget-editor-line,1px);top:0;bottom:0}.widget-snap-guide.horizontal{height:var(--widget-editor-line,1px);left:0;right:0}.widget-snap-spacing{border-style:dashed;border-color:#39c997f2}.widget-snap-spacing.x{border-width:var(--widget-editor-line,1px) 0 0;height:0}.widget-snap-spacing.y{border-width:0 0 0 var(--widget-editor-line,1px);width:0}.widgets-layer-panel{box-sizing:border-box;align-content:start;gap:12px;width:100%;min-width:0;max-width:100%;max-height:calc(100vh - 280px);padding:12px;display:grid;overflow:auto}.widgets-layer-list{gap:3px;max-height:360px;margin-top:7px;padding-block:4px;display:grid;overflow:auto}.widgets-layer-row{padding-block:3px;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:2px;min-height:36px;padding-right:4px;position:relative}.widgets-layer-row.kind-group{border-left:3px solid #39c997b8}.widgets-layer-row.is-hidden .widgets-layer-copy{opacity:.52}.widgets-layer-list.is-reordering,.widgets-layer-list.is-reordering .widgets-layer-row,.widgets-layer-list.is-reordering .widgets-layer-drag{cursor:grabbing;-webkit-user-select:none;user-select:none}.widgets-layer-row.is-dragging{opacity:.5}.widgets-layer-row.drop-before:before,.widgets-layer-row.drop-after:after{background:var(--accent);content:"";border-radius:999px;height:2px;position:absolute;left:8px;right:8px}.widgets-layer-row.drop-before:before{top:-3px}.widgets-layer-row.drop-after:after{bottom:-3px}.widgets-layer-row.drop-inside{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.widgets-layer-drag{color:var(--muted);cursor:grab;touch-action:none;font-size:15px;display:inline-flex}.widgets-layer-drag:active{cursor:grabbing}.widgets-layer-root-drop{border-radius:var(--radius-control);color:var(--muted);opacity:0;pointer-events:none;border:1px dashed #0000;justify-content:center;align-items:center;gap:6px;height:0;font-size:10px;display:flex;overflow:hidden}.widgets-layer-root-drop.visible{border-color:var(--line);opacity:1;pointer-events:auto;height:32px}.widgets-layer-root-drop.active{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:var(--accent);color:var(--accent)}.widgets-layer-root-drop svg{font-size:16px}.widgets-layer-expand.action-button{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:22px;height:22px;min-height:22px;padding:0;font-size:15px;display:inline-flex}.widgets-layer-expand-spacer{pointer-events:none;width:22px;height:22px}.widgets-layer-actions{align-items:center;gap:1px;display:flex}.widgets-layer-action.action-button{border-radius:var(--radius-control);color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:26px;height:26px;min-height:26px;padding:0;font-size:15px;display:inline-flex}.widgets-layer-visibility[aria-pressed=true]{color:var(--text)}.widgets-layer-visibility.is-hidden{color:color-mix(in srgb, var(--muted) 68%, transparent)}.widgets-layer-action:not(.widgets-layer-delete):hover,.widgets-layer-action:not(.widgets-layer-delete):focus-visible{background:var(--panel-hover);color:var(--text);outline:none}.widgets-layer-delete:hover,.widgets-layer-delete:focus-visible{color:var(--danger-text);background:#ff65651f;outline:none}.widgets-layer-copy{align-items:baseline;gap:6px;min-width:0;display:flex}.widgets-layer-copy strong,.widgets-layer-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widgets-layer-copy strong{flex:auto;min-width:34px}.widgets-layer-copy small{flex:0 auto;max-width:44%;font-size:9px}.widgets-layer-editor{gap:11px;padding:12px;display:grid}.widgets-layer-editor-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.widgets-layer-editor-heading button:not(.action-button){min-width:34px;padding:0}.widgets-checkbox-row{align-items:center;gap:8px;display:flex!important}.widgets-checkbox-row input{accent-color:var(--accent);min-height:auto}.widgets-field-grid,.widgets-motion-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:9px;display:grid}.widgets-field-grid .alignment-grid-field,.widgets-field-grid .widgets-percent-slider{min-width:0}.widgets-field-grid .widgets-color-field{grid-column:1/-1;min-width:0}.widgets-chroma-control{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);gap:9px;padding:9px;display:grid}.widgets-chroma-control .widgets-checkbox-row{margin:0}.widgets-chroma-panel{border-top:1px solid var(--line);padding-top:9px}.widgets-color-picker .custom-color-presets.inline{display:none}.widgets-percent-slider{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);padding:8px 9px}.widgets-motion-grid{border-top:1px solid var(--line);padding-top:11px}.widgets-media-picker-row{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:9px;display:grid}.widgets-media-picker-row>div{gap:3px;min-width:0;display:grid}.widgets-media-picker-row span,.widgets-variable-panel>span,.widgets-variable-panel small{color:var(--muted);font-size:11px;font-weight:700}.widgets-media-picker-row strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.widgets-media-url-field{gap:6px;display:grid}.widgets-media-input-row{grid-template-columns:minmax(0,1fr) auto auto;gap:7px;display:grid}.widgets-media-input-row button{min-height:34px;padding:0 10px}.widgets-media-url-field small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.widgets-variable-panel{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);gap:8px;padding:9px;display:grid}.widgets-variable-panel>div{flex-wrap:wrap;gap:6px;display:flex}.widgets-variable-panel button{min-height:28px;padding:0 8px}@keyframes widget-surface-float{0%{translate:0}to{translate:0 var(--motion-intensity)}}@keyframes widget-surface-pulse{0%{scale:1}to{scale:1.015}}@keyframes widget-surface-tilt{0%{translate:0;rotate:0deg}to{rotate:.35deg;translate:var(--motion-intensity) 0}}@keyframes widget-surface-shimmer{0%,to{filter:brightness()}50%{filter:brightness(1.28)saturate(1.2)}}@keyframes widget-layer-none{0%{opacity:inherit}to{opacity:inherit}}@keyframes widget-layer-fade{0%{opacity:0}}@keyframes widget-layer-scale{0%{opacity:0;transform:scale(.86)}}@keyframes widget-layer-pop{0%{opacity:0;transform:scale(.72)}70%{transform:scale(1.06)}}@keyframes widget-layer-bounce{0%{opacity:0;transform:translateY(55px)scale(.82)}70%{transform:translateY(-7px)scale(1.04)}}@keyframes widget-layer-star-rise{0%{filter:blur(8px);opacity:0;transform:translateY(65px)scale(.94)}to{filter:blur()}}@keyframes widget-layer-glitch{0%{filter:hue-rotate(120deg)contrast(1.8);opacity:0;transform:translate(-22px)skew(8deg)}45%{transform:translate(12px)skew(-5deg)}to{filter:hue-rotate()contrast()}}@keyframes widget-layer-float{0%{filter:blur(4px);opacity:0;transform:translateY(28px)}to{filter:blur()}}@keyframes widget-layer-slide-up{0%{opacity:0;transform:translateY(28px)}}@keyframes widget-layer-slide-down{0%{opacity:0;transform:translateY(-28px)}}@keyframes widget-layer-slide-left{0%{opacity:0;transform:translate(34px)}}@keyframes widget-layer-slide-right{0%{opacity:0;transform:translate(-34px)}}@keyframes widget-layer-wipe{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0)}}@keyframes widget-layer-flip{0%{opacity:0;transform:rotateX(80deg)}}.portal-file-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:13px;display:grid}.portal-file-pagination{margin-top:14px}.portal-file-grid article{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-panel);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{border-radius:var(--radius-control);z-index:1;background:#080b10b8;border:1px solid #ffffff29;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-frame{width:100%;position:relative}.portal-file-preview-button{border-radius:var(--radius-control);box-sizing:border-box;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;flex:none;width:100%;min-width:0;padding:0;display:block;position:relative}.portal-file-preview-button:disabled{cursor:not-allowed;opacity:.65}.portal-file-preview-button.static{cursor:default}.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-actions{z-index:2;gap:6px;display:flex;position:absolute;top:8px;right:8px}.portal-file-preview-cue{cursor:pointer;background:#080b10c7;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:inline-flex;color:var(--text)!important}.portal-file-preview-cue:hover:not(:disabled),.portal-file-preview-cue:focus-visible,.portal-file-preview-cue.active{background:var(--accent-soft);border-color:#8171f18c;color:var(--accent)!important}.portal-file-preview-cue:disabled{cursor:not-allowed;opacity:.65}.portal-file-preview-media,.portal-file-audio-preview{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-control);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;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-name-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;min-width:0;display:grid}.portal-file-name-actions{flex:none;align-items:start;gap:4px;display:flex}.portal-file-name-actions .portal-user-icon-action{width:31px;min-height:31px}.portal-file-display-name{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portal-file-original-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-file-grid span{color:var(--muted);font-size:10px}.portal-file-shareable-url .shareable-url-field-input{background:var(--panel);border-color:var(--line);color:var(--muted);font-size:10px}.portal-file-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:auto;display:flex}.portal-file-actions .portal-delete-icon-action{margin-left:auto}.portal-file-actions .portal-user-icon-action.active{background:var(--accent-soft);color:var(--accent);border-color:#8171f18c}.media-file-info-modal{width:min(640px,100vw - 48px)}.media-file-info-list{gap:8px;min-width:0;margin:0;display:grid}.media-file-info-list>div{border:1px solid var(--line-soft);border-radius:var(--radius-control);background:#ffffff08;grid-template-columns:minmax(110px,150px) minmax(0,1fr);gap:12px;min-width:0;padding:9px 10px;display:grid}.media-file-info-list dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.media-file-info-list dd{color:var(--text);overflow-wrap:anywhere;min-width:0;margin:0;font-size:12px}.portal-file-empty{border:1px dashed var(--line);border-radius:var(--radius-panel);color:var(--muted);grid-column:1/-1;justify-content:center;align-items:center;gap:9px;min-height:140px;display:flex}.file-title-dialog{width:min(480px,100vw - 24px)}.file-title-dialog .dialog-body .inline-feedback{margin:0}.portal-onboarding{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);gap:18px;margin-top:18px;padding:22px;display:grid}.portal-onboarding-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.portal-onboarding-header h2{margin:4px 0 7px;font-size:19px}.portal-onboarding-header p:last-child{color:var(--muted);max-width:680px;margin:0;font-size:11px;line-height:1.5}.portal-onboarding-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.portal-onboarding-card{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);gap:10px;padding:14px;display:grid}.portal-onboarding-card h3{margin:0;font-size:12px}.portal-onboarding-card ul,.portal-doc-card ul{color:var(--muted);gap:8px;margin:0;padding-left:16px;font-size:10px;line-height:1.45;display:grid}.portal-docs-page{max-width:1180px}.portal-docs-intro{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px;display:grid}.portal-docs-intro article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);gap:7px;padding:16px;display:grid}.portal-docs-intro strong{font-size:12px}.portal-docs-intro span{color:var(--muted);font-size:11px;line-height:1.5}.portal-doc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.portal-doc-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);gap:11px;padding:18px;display:grid}.portal-doc-card h2{margin:0;font-size:18px}.portal-doc-card p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.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 spotify""account sharing""account deletion";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:var(--radius-panel);gap:14px;padding:18px;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:var(--radius-control);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-list{gap:12px;min-width:0;display:grid}.portal-list-items{gap:10px;min-width:0;display:grid}.portal-list-clickable-row{cursor:pointer}.portal-list-clickable-row:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #8171f124}.portal-list-clickable-row:hover{border-color:#8171f16b}.portal-list-empty{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);margin:0;padding:12px;font-size:11px;line-height:1.45;color:var(--muted)!important}.portal-pagination{justify-content:space-between;align-items:center;gap:12px;display:flex}.portal-pagination>span,.portal-list-infinite-status{color:var(--muted);font-size:11px}.portal-pagination-loading{color:var(--accent)}.portal-pagination-controls,.portal-pagination-controls>div{align-items:center;gap:6px;display:inline-flex}.portal-pagination-page-size{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.portal-pagination-page-size-select{width:72px}.portal-pagination-page-size-select .searchable-select-trigger{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);width:100%;height:32px;min-height:32px;padding:0 8px}.portal-list-infinite-status{text-align:center;min-height:18px}.portal-profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.portal-profile-actions button:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:7px;min-height:40px;display:inline-flex}.portal-profile-actions button:not(.action-button):first-child{background:var(--accent);border-color:var(--accent);color:#fff}.portal-profile-actions button:not(.action-button):disabled{cursor:not-allowed;opacity:.55}.portal-feedback-grid{grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:18px;display:grid}.portal-feedback-form-card form{gap:14px;width:100%;max-width:none;margin-top:4px;display:grid}.portal-feedback-form-row{grid-template-columns:minmax(260px,1.6fr) minmax(170px,.7fr) minmax(190px,.7fr);align-items:end;gap:12px;display:grid}.portal-feedback-title-field{min-width:0}.portal-feedback-form-card textarea{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);resize:vertical;width:100%;min-height:170px;padding:10px}.portal-feedback-context-toggle{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);grid-template-columns:16px minmax(0,1fr);align-self:end;align-items:center;gap:9px;min-height:40px;padding:8px 10px;display:grid!important}.portal-feedback-context-toggle input{accent-color:var(--accent);flex:none;width:15px;height:15px;min-height:0;padding:0}.portal-feedback-context-toggle span{font-size:11px;line-height:1.25;color:var(--text)!important}.portal-feedback-list{gap:12px;display:grid}.portal-feedback-report-filters{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.portal-feedback-report-filters .searchable-select{flex:0 180px}.portal-feedback-report-filters .searchable-select:first-child:not(.portal-feedback-status-filter){flex-basis:280px}.portal-feedback-report-filters .portal-feedback-status-filter{flex:0 0 165px}.portal-feedback-status-filter .searchable-select-trigger{background:var(--panel-raised);border-radius:999px;justify-content:center;min-height:34px;padding:0 12px}.portal-feedback-details-dialog{width:920px;max-width:min(920px,100vw - 36px)}.portal-feedback-list.compact{gap:10px}.portal-feedback-item{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) minmax(145px,auto) minmax(140px,180px);align-items:center;gap:14px;padding:14px;display:grid}.portal-feedback-list.compact .portal-feedback-item{grid-template-columns:minmax(0,1fr) minmax(145px,auto) minmax(128px,auto);gap:10px;padding:10px}.portal-feedback-item.closed{opacity:.82}.portal-feedback-open{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;gap:5px;min-width:0;padding:0;display:grid}.portal-feedback-open-heading{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.portal-feedback-open strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.portal-feedback-open small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.portal-feedback-date{color:var(--muted);white-space:nowrap;justify-self:start;font-size:11px;line-height:1.2}.portal-feedback-item-main{gap:12px;min-width:0;display:grid}.portal-feedback-item-main strong{color:var(--text);margin-top:6px;font-size:15px;display:block}.portal-feedback-item-main p{color:var(--muted);white-space:pre-wrap;margin:6px 0 0;font-size:13px;line-height:1.5}.portal-feedback-item-main dl{gap:6px;margin:0;display:grid}.portal-feedback-item-main dl>div{grid-template-columns:58px minmax(0,1fr);gap:4px;display:grid}.portal-feedback-item-main dt{color:var(--muted);text-transform:uppercase;font-size:11px;font-weight:800}.portal-feedback-item-main dd{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:12px;overflow:hidden}.portal-feedback-kind{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;display:inline-flex}.portal-feedback-kind.bug{color:var(--danger-text);background:#f871711f;border-color:#f871716b}.portal-feedback-kind.feature{color:var(--success-text);background:#34d3991f;border-color:#34d3996b}.portal-feedback-status{justify-content:flex-end;align-self:start;align-items:center;gap:10px;display:flex}.portal-feedback-status .portal-user-status{background:var(--panel);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;align-items:center;min-height:30px;padding:5px 10px;display:inline-flex}.portal-feedback-status .searchable-select-trigger{min-height:34px}.portal-feedback-details-body{gap:14px;display:grid}.portal-feedback-detail-status{max-width:260px}.portal-feedback-detail-status .searchable-select-trigger{min-height:42px}.portal-feedback-description{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);white-space:pre-wrap;margin:0;padding:12px;font-size:13px;line-height:1.55}.portal-feedback-detail-list{gap:8px;margin:0;display:grid}.portal-feedback-detail-list>div{gap:5px;display:grid}.portal-feedback-detail-list dt{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}.portal-feedback-detail-list dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:12px}.portal-security-actions-card{gap:16px;display:grid}.portal-security-page{align-content:start;gap:18px;display:grid}.portal-security-block-form{grid-template-columns:minmax(150px,180px) minmax(220px,1fr) minmax(220px,1fr) auto;align-items:end;gap:10px;width:100%;display:grid}.portal-form-page .portal-security-block-form{max-width:none}.portal-security-block-form input{width:100%;min-width:0}.portal-security-block-form>.action-button{min-width:max-content}.portal-security-self-warning{border-radius:var(--radius-panel);color:var(--text);background:#e5a64f29;border:1px solid #e5a64f8c;align-items:flex-start;gap:10px;padding:13px 14px;display:flex}.portal-security-self-warning svg{color:var(--amber);flex:none}.portal-security-self-warning strong,.portal-security-self-warning span{display:block}.portal-security-self-warning strong{margin-bottom:3px;font-size:12px}.portal-security-self-warning span{color:var(--muted);font-size:11px;line-height:1.45}.portal-security-dialog-warning{margin:10px 0 14px}.portal-security-access-heading{justify-content:space-between;align-items:start;gap:16px;display:flex}.portal-security-access-heading>div{min-width:0}.portal-security-access-heading>.action-button{flex:none}.portal-security-log-filters{grid-template-columns:minmax(220px,1.4fr) minmax(150px,.75fr) minmax(130px,.65fr) minmax(150px,.75fr) minmax(170px,.85fr) auto;align-items:end;gap:10px;display:grid}.portal-security-log-filters label{gap:6px;min-width:0;display:grid}.portal-security-log-filters button:not(.action-button){min-height:40px}.portal-security-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.portal-security-ip-list,.portal-security-block-list,.portal-security-access-list{gap:10px;display:grid}.portal-security-ip-list article,.portal-security-block-list article{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:12px;padding:12px;display:grid}.portal-security-ip-list article>div,.portal-security-block-list article>div{gap:4px;min-width:0;display:grid}.portal-security-ip-list strong,.portal-security-block-list strong{color:var(--text)}.portal-security-ip-list span,.portal-security-block-list span,.portal-security-ip-list small,.portal-security-block-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.portal-security-access-list article{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:minmax(220px,1.2fr) minmax(220px,1fr) 78px;align-items:center;gap:12px;padding:12px;display:grid}.portal-security-access-main{grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.portal-security-access-main strong,.portal-security-access-main small,.portal-security-access-meta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.portal-security-access-main strong{color:var(--text);font-size:13px}.portal-security-access-main strong span{color:var(--muted);font-weight:900}.portal-security-access-main small,.portal-security-access-meta span{color:var(--muted);font-size:12px}.portal-security-status{border-radius:999px;justify-content:center;align-items:center;width:42px;height:28px;font-size:11px;font-weight:900;display:inline-flex}.portal-security-status.ok{color:var(--success-text);background:#34d39924}.portal-security-status.error{color:var(--danger-text);background:#f8717124}.portal-security-access-meta{gap:4px;min-width:0;display:grid}.portal-security-crawler-badge{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 34%, transparent);border-radius:999px;justify-self:start;align-items:center;gap:5px;width:fit-content;max-width:100%;padding:3px 8px;font-weight:800;color:var(--text)!important;font-size:11px!important;display:inline-flex!important}.portal-security-crawler-badge svg{flex:none;font-size:14px}.portal-security-access-actions{justify-content:flex-end;gap:6px;display:flex}.portal-twitch-activation{border-radius:var(--radius-control);background:#39c9971a;border:1px solid #39c9974d;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-spotify-card{grid-area:spotify}.portal-access-card{grid-area:sharing}.portal-account-deletion-card{border-color:#f0565e59;grid-area:deletion}.portal-account-deletion-card>.action-button{justify-self:start}.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:not(.action-button){background:var(--accent);border-radius:var(--radius-control);color:#fff;cursor:pointer;border:0;align-self:end;min-height:40px;padding:0 13px}.portal-access-form .action-button{align-self:end}.portal-access-list{gap:7px;display:grid}.portal-access-list article{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);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:not(.action-button){border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;background:0 0;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-shell{--portal-sidebar-width:72px}.portal-page{padding:30px 22px}.portal-page-header-actions{flex-direction:column;align-items:stretch}.portal-onboarding-grid,.portal-doc-grid,.portal-docs-intro{grid-template-columns:minmax(0,1fr)}.portal-profile-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"account""twitch""spotify""sharing""deletion"}.portal-profile-grid>form{max-width:none}.portal-soundboard-toolbar,.portal-soundboard-settings,.portal-soundboard-public-settings,.portal-global-default-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-soundboard-layout{grid-template-columns:minmax(0,1fr)}.portal-soundboard-list{max-height:none}.portal-file-filters,.portal-file-toolbar,.portal-file-header-actions{flex-wrap:wrap;align-items:stretch}.widgets-layout,.widgets-workspace,.widgets-editor-toolbar,.widgets-canvas-header{grid-template-columns:minmax(0,1fr)}.widgets-editor,.widgets-workspace{height:auto;max-height:none;overflow:visible}.widgets-canvas-panel{min-height:520px}.widgets-canvas-viewport{min-height:360px}.widgets-add-layer-actions{justify-content:flex-start}.widgets-toolbar-actions{justify-content:flex-start;margin-left:0}.widgets-editor-toolbar-input-row,.widgets-widget-settings-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.modal-backdrop>[role=dialog],.modal-backdrop>[role=alertdialog]{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.portal-main,.portal-page,.editor-dialog{max-width:100%;overflow-x:hidden}.editor-dialog{width:min(100%,100vw - 16px)}.editor-dialog>footer{flex-direction:column;align-items:stretch}.editor-dialog>header{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.editor-dialog>header>div{grid-area:1/1;align-items:flex-start;min-width:0}.editor-dialog>header>.action-button-icon-only{grid-area:1/2;align-self:start}.portal-page{padding:18px 12px}.portal-page-header-action-slot{justify-content:flex-end;width:100%}.portal-page-header-action-slot>.action-button:not(.action-button-icon-only){flex:150px}.portal-not-found{padding:8px}.portal-not-found>section{width:100%;padding:28px 20px 24px}.portal-not-found h1{font-size:28px}.portal-not-found-actions{grid-template-columns:minmax(0,1fr);display:grid}.portal-not-found-actions>.action-button{width:100%}.portal-onboarding-header{flex-direction:column}.widgets-list,.widgets-list-open{grid-template-columns:minmax(0,1fr)}.widgets-list-preview{width:100%}.widgets-editor-toolbar-action-row,.widgets-motion-section-header{flex-direction:column;align-items:stretch}.widgets-canvas-tools{place-items:end;width:100%;min-width:0}.widgets-preview-controls{justify-content:flex-end;width:100%}.widgets-layer-editor-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.widgets-layer-editor-heading .section-header-actions{width:auto}.widgets-toolbar-actions,.widgets-add-layer-actions,.widgets-media-picker-row,.widgets-media-input-row{grid-template-columns:minmax(0,1fr);display:grid}.widgets-field-grid,.widgets-motion-grid,.widgets-effects-controls .widgets-field-grid,.portal-account-form-row{grid-template-columns:minmax(0,1fr)}.portal-admin-email-confirm{flex-direction:column;align-items:stretch}.portal-card-heading{flex-direction:column}.portal-file-header-actions{justify-content:flex-end;width:100%}.portal-file-filters label,.portal-file-filters .portal-file-search-filter{flex-basis:100%}.portal-soundboard-toolbar,.portal-soundboard-settings,.portal-soundboard-public-settings,.portal-global-default-grid,.portal-global-notification-form,.portal-global-notification-audience-row,.portal-notification-builder-grid{grid-template-columns:minmax(0,1fr)}.portal-soundboard-color-setting,.portal-soundboard-public-url,.portal-global-media-field,.portal-notification-builder,.portal-global-notification-form .portal-global-save-bar{grid-column:auto}.portal-global-media-control{grid-template-columns:minmax(0,1fr)}.portal-soundboard-modebar,.portal-soundboard-primary-actions,.portal-soundboard-edit-actions,.portal-soundboard-board-actions,.portal-soundboard-actions,.portal-profile-actions,.portal-file-actions,.portal-file-name-actions,.portal-global-save-bar{flex-direction:column;align-items:stretch}.portal-saved-obs-list article{grid-template-columns:minmax(0,1fr)}.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-create .searchable-select-trigger{font:inherit}.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-admin-email-confirm{background:var(--accent-soft);border-radius:var(--radius-control);border:1px solid #8171f140;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.portal-admin-email-confirm>div{gap:3px;display:grid}.portal-admin-email-confirm strong{color:var(--text);font-size:12px}.portal-admin-email-confirm span{color:var(--muted);font-size:11px}.portal-admin-email-confirm button{flex:none;justify-content:center;align-items:center;gap:7px;display:inline-flex}.portal-user-list{gap:7px;display:grid}.portal-user-list article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:minmax(170px,1fr) 95px minmax(105px,auto) repeat(4,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.deletion-pending>div,.portal-user-list article.locked>div,.portal-user-list article.pending>div,.portal-user-list article.banned .portal-user-role,.portal-user-list article.deletion-pending .portal-user-role,.portal-user-list article.locked .portal-user-role,.portal-user-list article.pending .portal-user-role,.portal-user-list article.locked .portal-user-status,.portal-user-list article.deletion-pending .portal-user-status,.portal-user-list article.pending .portal-user-status,.portal-user-list article.banned .portal-user-status{opacity:.65}.portal-user-list article>div{flex-direction:column;display:flex}.portal-user-list article>.portal-user-actions{display:contents}.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);white-space:nowrap;border-radius:999px;justify-self:start;padding:5px 8px}.portal-user-status.active{color:var(--green)}.portal-user-status.banned,.portal-user-status.deletion-pending{color:var(--red)}.portal-user-status.locked{color:var(--amber)}.portal-user-status.pending{color:var(--muted)}.portal-ip-block-list{gap:7px;display:grid}.portal-ip-block-list article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:minmax(160px,1fr) 100px minmax(150px,auto) minmax(130px,auto) 36px;align-items:center;gap:8px;padding:10px;display:grid}.portal-ip-block-list article.permanent{border-color:#f0565e59}.portal-ip-block-list article.temporary{border-color:#e5a64f59}.portal-ip-block-list article>div{flex-direction:column;display:flex}.portal-ip-block-list strong{font-family:JetBrains Mono,monospace;font-size:11px}.portal-ip-block-list span{color:var(--muted);font-size:9px}.portal-ip-block-list .portal-user-status{background:var(--panel-raised);border:1px solid var(--line-soft);white-space:nowrap;border-radius:999px;justify-self:start;padding:5px 8px}.portal-ip-block-until,.portal-ip-block-count{white-space:nowrap}.portal-user-list button,.portal-user-icon-action{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;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-feedback-form-row{grid-template-columns:minmax(0,1fr) minmax(170px,.55fr)}.portal-feedback-context-toggle{grid-column:1/-1}.portal-feedback-grid,.portal-security-grid,.portal-security-log-filters,.portal-security-block-form,.portal-security-access-list article,.portal-user-management-grid,.portal-feedback-report-filters,.portal-file-upload-card,.portal-file-library-card{grid-template-columns:minmax(0,1fr)}.portal-user-list article{grid-template-columns:minmax(170px,1fr) 95px minmax(105px,auto) repeat(4,36px)}}@media (width<=760px){.portal-feedback-form-row,.portal-user-create,.portal-feedback-item,.portal-feedback-report-filters,.portal-feedback-item-main dl>div,.portal-security-access-main,.portal-security-ip-list article,.portal-security-block-list article,.portal-security-access-list article,.portal-security-log-filters,.portal-security-block-form,.portal-user-list article,.portal-ip-block-list article{grid-template-columns:minmax(0,1fr)}.portal-security-access-heading{flex-direction:column;align-items:stretch}.portal-security-block-form>.action-button{width:100%;min-width:0}.portal-feedback-date,.portal-security-access-meta{justify-self:start}.portal-security-access-actions{justify-self:end}.portal-user-list .portal-user-role,.portal-user-list .portal-user-status,.portal-ip-block-list .portal-user-status{justify-self:stretch}.portal-user-list article>.portal-user-actions{flex-flow:wrap;justify-content:flex-end;gap:8px;display:flex}.portal-ip-block-list .portal-user-icon-action,.portal-security-ip-list article>.action-button-icon-only,.portal-security-block-list article>.action-button-icon-only{justify-self:end}}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.app-shell{background:var(--bg);grid-template-rows:54px minmax(0,1fr) 25px;height:100%;min-height:0;display:grid;overflow:hidden}.topbar{background:var(--panel);border-bottom:1px solid var(--line);z-index:10;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}.topbar-center{color:var(--muted);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{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;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:var(--panel-hover);border-color:var(--accent)}.topbar-options-menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-menu);color:var(--text);z-index:110;gap:12px;width:360px;padding:12px;display:grid;position:absolute;top:40px;right:0}.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}.topbar-options-slider,.preview-refresh-rate-slider{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);padding:9px 10px}.topbar-options-slider .slider-field-header>span:first-child,.preview-refresh-rate-slider .slider-field-header>span:first-child{color:var(--muted);font-size:11px}.change-mode{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);display:flex;overflow:hidden}.change-mode button{color:var(--muted);cursor:pointer;background:0 0;border:0;height:28px;padding:0 9px;font-size:9px;font-weight:600}.change-mode button.active{background:var(--accent-soft);color:var(--text)}.apply-changes-button{border-radius:var(--radius-compact);cursor:pointer;background:#6656d2;border:1px solid #8474eb;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:var(--radius-control);flex:0 0 32px;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{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;align-items:center;gap:7px;height:32px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.resync-button{border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;background:0 0;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:10px;font-weight:600;display:flex}.resync-button:hover:not(:disabled){background:var(--panel-hover);border-color:color-mix(in srgb, var(--line) 65%, var(--text));color:var(--text)}.resync-button:disabled{cursor:default;opacity:.38}.resync-button.active{color:#7be0bd;background:#39c9971f;border-color:#39c9977a}.timestamp-action-button{text-align:left;align-items:center;height:auto;min-height:38px;padding-top:5px;padding-bottom:5px}.timestamp-action-button .action-button-copy{gap:3px}.timestamp-action-button .action-button-label{line-height:1.1}.timestamp-action-button .action-button-copy>small{color:var(--dim);font-size:8px;font-weight:500;line-height:1.1}.connection-button:hover{background:var(--panel-hover);border-color:color-mix(in srgb, var(--line) 65%, var(--text))}.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{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);z-index:100;gap:9px;width:390px;max-height:min(720px,100vh - 58px);padding:11px;display:grid;position:absolute;top:38px;right:0;overflow-y:auto;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:not(.action-button){color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;padding:2px;display:flex}.overlay-preview-run{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;padding:9px 10px;display:flex}.overlay-preview-run .action-button-label{font-size:9px}.overlay-preview-run .action-button-copy small{color:var(--dim);font-size:8px}.overlay-preview-run>.action-button-trailing>i{border-radius:var(--radius-panel);background:#3a414e;width:29px;height:16px;position:relative}.overlay-preview-run>.action-button-trailing>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>.action-button-trailing>i{background:#288866}.overlay-preview-run.active>.action-button-trailing>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:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;min-height:31px;padding:5px 6px;font-size:8px}.overlay-preview-events button:not(.action-button):hover:not(:disabled){background:var(--accent-soft);color:var(--text);border-color:#8171f166}.overlay-preview-events button:not(.action-button):disabled{cursor:wait;opacity:.55}.overlay-replay-studio{border-top:1px solid var(--line-soft);gap:7px;padding-top:9px;display:grid}.overlay-replay-studio>header{justify-content:space-between;align-items:center;gap:8px;display:flex}.overlay-replay-studio>header>div:first-child{gap:2px;min-width:0;display:grid}.overlay-replay-studio>header>div:last-child{flex:none;gap:4px;display:flex}.overlay-replay-studio>header strong,.overlay-replay-list article strong{font-size:9px}.overlay-replay-studio>header span,.overlay-replay-list article span,.overlay-replay-list>p{color:var(--dim);margin:0;font-size:8px}.overlay-replay-list{gap:5px;max-height:190px;display:grid;overflow-y:auto}.overlay-replay-list article{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:7px;display:grid}.overlay-replay-list article>div{gap:2px;min-width:0;display:grid}.media-dependency-summary{background:var(--panel);border-radius:var(--radius-control);border:1px solid #f0717852;gap:7px;padding:9px;display:grid}.media-dependency-summary>strong{color:var(--danger-text,#ffb6ba);font-size:10px}.media-dependency-summary ul{gap:5px;max-height:180px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.media-dependency-summary li{color:var(--muted);font-size:9px;line-height:1.4}.widget-component-list{gap:7px;max-height:min(520px,62vh);display:grid;overflow-y:auto}.widget-component-list article{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-control);grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;padding:8px;display:grid}.widget-component-list article>img,.widget-component-list article>div{aspect-ratio:16/9;background:var(--panel-raised);border-radius:var(--radius-compact);object-fit:contain;justify-content:center;align-items:center;width:64px;height:auto;display:flex}.widget-component-list article>span{gap:3px;min-width:0;display:grid}.widget-component-list article strong,.widget-component-list article small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.widget-component-list article small,.widget-component-list>p{color:var(--dim);margin:0;font-size:9px}@media (width<=560px){.widget-component-list article{grid-template-columns:52px minmax(0,1fr)}.widget-component-list article>.action-button{grid-column:1/-1;width:100%}.widget-component-list article>img,.widget-component-list article>div{width:52px}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)!important}:hover,:focus-within{scrollbar-color:var(--scrollbar-thumb-hover) var(--scrollbar-track)!important}::-webkit-scrollbar{width:6px!important;height:6px!important}::-webkit-scrollbar-track{background:var(--scrollbar-track)!important}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)!important;border:0!important;border-radius:999px!important}:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover)!important}:focus-within::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover)!important}.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{background:var(--bg);border:1px solid var(--line-soft);z-index:1;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{background:var(--panel);border-bottom:1px solid var(--line-soft);z-index:5;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:var(--panel-raised);flex:1;justify-content:center;align-items:center;min-height:0;padding:18px 22px;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;position:relative;overflow:visible}.canvas-stage{box-shadow:var(--shadow-menu), 0 0 0 1px var(--line);touch-action:none;background:#0b0e13;flex:none;width:100%;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.canvas-selection-layer{pointer-events:none;z-index:400;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.canvas-selection-hatch-layer{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.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;display:none;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{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--muted);cursor:pointer;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]{background:var(--panel-hover);border-color:color-mix(in srgb, var(--line) 65%, var(--text));color:var(--text)}.preview-shortcuts-popover{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-dialog);color:var(--text);z-index:30;gap:12px;width:300px;padding:13px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.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:var(--text);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-selection-box{pointer-events:none}.canvas-context-menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);box-shadow:var(--shadow-dialog);z-index:2147483647;min-width:205px;max-height:min(420px,100vh - 24px);padding:5px;display:grid;position:fixed;overflow:auto}.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-layer-list{gap:1px;display:grid}.canvas-context-menu-layer-list small{color:var(--dim);text-transform:uppercase;padding:4px 8px 3px;font-size:9px;font-weight:700}.canvas-context-menu button{color:var(--text);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 span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.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}.rotate-handle{cursor:grab;pointer-events:auto;touch-action:none;background:#eff1f4;border:1px solid #d9414a;border-radius:999px;width:10px;height:10px;position:absolute;top:-34px;left:calc(50% - 5px)}.rotate-handle:active{cursor:grabbing}.rotate-handle:before{content:"";background:#d9414a;width:1px;position:absolute;top:9px;bottom:-25px;left:calc(50% - .5px)}.rotate-handle:after{content:"";position:absolute;inset:-10px}.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{border-radius:var(--radius-compact);background:#7765ed;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{background:var(--panel);border-left:1px solid var(--line-soft);border-right:1px solid var(--line-soft);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{border-radius:var(--radius-compact);cursor:pointer;letter-spacing:.08em;background:linear-gradient(145deg,#7564e5,#5b4dc7);border:1px solid #8878f3;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{background:var(--panel-raised);border-bottom:1px solid var(--line);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-actions{align-items:center;gap:4px;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;flex:0 0 25px;width:25px;height:25px;padding:0}.panel-icon:disabled{cursor:default;opacity:.3}.panel-icon.active{background:var(--accent-soft);color:var(--accent)}.scrollable{scrollbar-color:var(--line) 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{border-radius:var(--radius-compact);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;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{background:var(--panel-raised);border-top:1px solid var(--line);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:var(--text)}.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:var(--muted);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:var(--dim)}.source-toggle:hover,.source-lock:hover:not(:disabled){color:var(--text)}.source-kind{background:var(--accent-soft);color:var(--accent);border-radius:3px;justify-content:center;align-items:center;width:23px;height:21px;display:flex}.inspector-panel{background:var(--panel)}.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:var(--dim);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:not(.searchable-select){background:var(--input-background);border:1px solid var(--input-border);border-radius:3px;align-items:center;min-width:0;display:flex}.inspector-fields input{color:var(--input-text);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,.inspector-fields .searchable-select-trigger{background:var(--input-background);border:1px solid var(--input-border);color:var(--input-text);border-radius:3px;outline:0;width:100%;min-width:0;padding:5px;font-size:8px}.inspector-fields .searchable-select-trigger{padding:3px 5px}.select-transform-field{align-items:center}.alignment-grid-field{gap:5px;min-width:0;display:grid}.alignment-grid-field>span:first-child{color:var(--muted);font-size:8px;font-weight:600}.alignment-grid-hint{color:var(--muted);font-size:8px;line-height:1.35}.alignment-grid-options{grid-template-columns:repeat(3,22px);gap:4px;width:max-content;display:grid}.alignment-grid-options button{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-compact);color:var(--muted);cursor:pointer;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}.inspector-fields .alignment-grid-hint{grid-column:1/-1}.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{justify-content:flex-start;width:calc(100% - 18px);margin:2px 9px 8px}.inspector-footer{border-top:1px solid var(--line);padding:7px 9px}.fit-button{justify-content:flex-start;width:100%;margin:0}.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;gap:8px;display:flex}.mixer-title>span{align-items:center;gap:5px;font-size:9px;display:flex}.mixer-title>span svg{color:#9a91ea}.mixer-title .mixer-monitor-status{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--muted);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:6px;height:22px;padding:0 7px 0 5px;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.mixer-monitor-status>span{color:var(--muted);white-space:nowrap;font-size:8px}.mixer-monitor-status:hover,.mixer-monitor-status:focus-visible{color:var(--text);border-color:#5a6271}.mixer-monitor-status:hover>span,.mixer-monitor-status:focus-visible>span{color:var(--text)}.mixer-monitor-status.active{color:#b6adff;background:#8171f124;border-color:#8171f159}.mixer-monitor-status.active>span{color:#b6adff}.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:30px minmax(0,1fr);align-items:end;gap:8px;display:grid}.fader-row>.action-button-icon-only{margin-bottom:1px}.fader-row>button.muted{--action-button-background:#f0565e2e;--action-button-border:#f0565e6b;--action-button-color:var(--red)}.mixer-volume-slider{gap:5px;min-width:0}.mixer-volume-slider .slider-field-header{gap:6px}.mixer-volume-slider .slider-field-header>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.mixer-strip.muted .mixer-title>span,.mixer-strip.muted .meter-row,.mixer-strip.muted .mixer-volume-slider{opacity:.65}.control-list{gap:5px;padding:7px;display:grid}.control-list>button{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);cursor:pointer;text-align:left;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:var(--panel-hover);border-color:color-mix(in srgb, var(--line) 65%, var(--text))}.control-list>button:disabled{cursor:default;opacity:.42}.change-control{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);gap:7px;padding:7px 8px;display:grid}.change-control-summary{grid-template-columns:25px 1fr;align-items:center;gap:7px;display:grid}.change-control-summary>svg{color:var(--muted)}.change-control-summary>span{flex-direction:column;display:flex}.change-control strong{font-size:9px}.change-control small{color:var(--dim);font-size:7px}.pending-actions{grid-template-columns:1fr 1fr;gap:5px;display:grid}.pending-actions button{background:var(--panel-hover);border:1px solid var(--line);color:var(--text);cursor:pointer;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:var(--muted)}.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{border-radius:var(--radius-panel);background:#333946;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{background:var(--panel);border-top:1px solid var(--line);color:var(--muted);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:var(--text)}.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(4px);backdrop-filter:blur(4px);z-index:1000;background:#030508ad;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal-backdrop>:where([role=dialog],[role=alertdialog]){max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.modal-backdrop>:where(.editor-dialog){flex-direction:column;display:flex}.modal-backdrop>:where(.editor-dialog)>:where(header,footer){flex:none}.modal-backdrop>:where(.editor-dialog)>.dialog-body,.modal-backdrop>:where(.editor-dialog)>form>.dialog-body{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.modal-backdrop>:where(.editor-dialog)>form{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}:is(.modal-backdrop:has(.confirm-delete-dialog),.modal-backdrop:has(.confirm-dialog),.modal-backdrop:has(.overlay-style-paste-dialog)){z-index:1200}.modal-backdrop :is([role=dialog],[role=alertdialog])>header{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.modal-backdrop :is([role=dialog],[role=alertdialog])>header :is(button,input,select,textarea,a){cursor:revert}.modal-backdrop .dialog-is-dragging>header{cursor:grabbing}.draggable-dialog-positioned{max-width:calc(100vw - 16px)}.popover-backdrop{z-index:950;position:fixed;inset:0}.source-type-menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-menu);flex-direction:column;width:min(380px,100vw - 16px);max-height:min(590px,100vh - 90px);display:flex;position:fixed;overflow:hidden}.source-type-menu>header{background:var(--panel-raised);border-bottom:1px solid var(--line);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:var(--dim);letter-spacing:.12em;text-transform:uppercase;margin:9px 5px 4px;font-size:7px}.source-type-menu-list section>button{border-radius:var(--radius-compact);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;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:var(--dim);-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:var(--dim);transform:rotate(-90deg)}.source-type-menu-icon{background:var(--accent-soft);border-radius:var(--radius-compact);color:var(--accent);flex:0 0 27px;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:var(--danger-text)}.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-group{gap:7px;display:grid}.quick-overlay-group+.quick-overlay-group{margin-top:5px}.quick-overlay-group h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin:0;padding:5px 2px 1px;font-size:9px;display:flex}.quick-overlay-group h3 svg,.quick-overlay-list .source-kind svg{width:16px;height:16px}.quick-overlay-list article{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);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{background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;min-height:31px;padding:0 11px;font-size:9px}.quick-overlay-list button:hover:not(:disabled){background:var(--accent-soft);color:var(--text);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:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-dialog);width:430px;padding:31px 34px 24px;position:relative;overflow:hidden}.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-mark{width:42px;height:42px;position:absolute;top:8px;left:8px}.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-saved-list{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);flex-direction:column;gap:8px;margin:0 0 13px;padding:10px;display:flex}.connection-saved-list>strong{color:var(--text);font-size:9px}.connection-saved-list>div{gap:6px;max-height:128px;display:grid;overflow:auto}.connection-saved-list button{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.connection-saved-list button:hover:not(:disabled),.connection-saved-list button:focus-visible{border-color:var(--accent)}.connection-saved-list button:disabled{cursor:wait;opacity:.65}.connection-saved-list span{font-size:10px;font-weight:700}.connection-saved-list small{color:var(--dim);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.connection-field{margin-bottom:11px;display:block}.connection-field>span{color:var(--text);margin-bottom:5px;font-size:9px;font-weight:600;display:block}.connection-field>div{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-control);align-items:center;gap:8px;height:39px;padding:0 11px;display:flex}.connection-field svg{color:var(--muted);flex:none;display:block}.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{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;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:var(--text);font-size:9px}.connection-remember small{color:var(--dim);font-size:8px;line-height:1.4}.connection-feedback{margin-bottom:10px}.connect-submit{border-radius:var(--radius-control);cursor:pointer;background:linear-gradient(145deg,#7b6ae8,#5e4dcd);border:1px solid #8d7cf4;justify-content:center;align-items:center;width:100%;height:39px;margin-top:14px;font-size:11px;font-weight:600;display:flex}.connect-submit .action-button-icon{margin-left:8px;transform:rotate(-90deg)}.connect-submit.action-button-loading .action-button-icon{margin-left:0;margin-right:8px;transform:none}.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:var(--muted)}.editor-dialog{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-dialog);width:500px;overflow:hidden}.editor-dialog>header{background:var(--panel-raised);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;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:not(.action-button){color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px}.dialog-icon{background:var(--accent-soft);border-radius:var(--radius-control);color:#a89df7;border:1px solid #8171f14d;flex:0 0 35px;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.dialog-icon.danger{color:var(--danger-text);background:#f0565e1f;border-color:#f0565e59}.dialog-body{gap:13px;padding:16px;display:grid}.dialog-field{gap:6px;display:grid}.dialog-field>span{color:var(--muted);font-size:9px;font-weight:600}.dialog-field input,.dialog-field .searchable-select-trigger,.dialog-field select,.dialog-field textarea{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-compact);color:var(--text);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 textarea{resize:vertical;min-height:105px;font-family:JetBrains Mono,monospace}.dialog-field input:focus,.dialog-field .searchable-select-trigger[aria-expanded=true],.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{border-radius:var(--radius-compact);color:var(--muted);background:#8171f112;border:1px solid #8171f12e;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-filters-dialog{width:min(960px,100vw - 40px)}.source-filter-manager{grid-template-columns:290px minmax(0,1fr);gap:0;min-height:min(640px,88vh - 132px);padding:0;display:grid;overflow:hidden}.source-filter-sidebar{background:var(--panel-raised);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.source-filter-sidebar-header{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:12px;display:flex}.source-filter-sidebar-header>div{gap:3px;min-width:0;display:grid}.source-filter-sidebar-header strong{color:var(--text);font-size:12px}.source-filter-sidebar-header span{color:var(--dim);font-size:10px}.source-filter-sidebar-header button:not(.action-button),.source-filter-row-toggle,.source-filter-toolbar button:not(.action-button){background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.source-filter-sidebar-header button:not(.action-button){width:30px;height:30px}.source-filter-sidebar-header button:not(.action-button):hover:not(:disabled),.source-filter-row-toggle:hover:not(:disabled),.source-filter-row-main:hover:not(:disabled),.source-filter-toolbar button:not(.action-button):hover:not(:disabled),.source-filter-sidebar-header button:not(.action-button):focus-visible,.source-filter-row-toggle:focus-visible,.source-filter-row-main:focus-visible,.source-filter-toolbar button:not(.action-button):focus-visible{background:var(--accent-soft);color:var(--text);border-color:#8171f173;outline:none}.source-filter-sidebar-header button:not(.action-button):disabled,.source-filter-row-toggle:disabled,.source-filter-row-main:disabled,.source-filter-toolbar button:not(.action-button):disabled{cursor:default;opacity:.48}.source-filter-add-panel{border-bottom:1px solid var(--line-soft);gap:9px;padding:12px;display:grid}.source-filter-add-panel .source-setting-field{gap:4px}.source-filter-add-actions{justify-content:flex-end;gap:7px;display:flex}.source-filter-add-actions button:not(.action-button){border-radius:var(--radius-compact);cursor:pointer;min-height:30px;padding:0 10px;font-size:10px;font-weight:600}.source-filter-rows{gap:5px;min-height:0;padding:8px;display:grid;overflow-y:auto}.source-filter-row{grid-template-columns:32px minmax(0,1fr);align-items:stretch;gap:6px;min-height:44px;display:grid}.source-filter-row-toggle{color:var(--success-text);min-height:44px}.source-filter-row-toggle svg{pointer-events:none}.source-filter-row.disabled .source-filter-row-toggle{color:var(--danger-text)}.source-filter-row-main{border-radius:var(--radius-control);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:7px 9px;display:grid}.source-filter-row.selected .source-filter-row-main{background:#8171f124;border-color:#8171f157}.source-filter-row-main span{gap:2px;min-width:0;display:grid}.source-filter-row-main strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.source-filter-row-main small,.source-filter-row-main i{color:var(--muted);font-size:10px;font-style:normal}.source-filter-empty-list{color:var(--dim);justify-content:center;align-items:center;gap:8px;min-height:120px;font-size:10px;display:flex}.source-filter-detail{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:hidden}.source-filter-detail-header{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px;display:grid}.source-filter-detail-icon{border-radius:var(--radius-control);color:var(--accent);background:#8171f11f;border:1px solid #8171f147;flex:0 0 36px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.source-filter-detail-header>div{gap:4px;min-width:0;display:grid}.source-filter-detail-header strong{color:var(--text);font-size:12px}.source-filter-detail-header span{color:var(--muted);overflow-wrap:anywhere;font-size:10px}.source-filter-status{border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:10px;display:inline-flex}.source-filter-status.enabled{color:var(--success-text);background:#39c9971c;border:1px solid #39c99747}.source-filter-status.disabled{color:var(--danger-text);background:#f0565e1a;border:1px solid #f0565e47}.source-filter-toolbar{grid-template-columns:minmax(0,1fr) auto auto auto auto;align-items:end;gap:8px;display:grid}.source-filter-toolbar button:not(.action-button){gap:5px;min-height:34px;padding:0 10px}.source-filter-name-editor{min-width:0}.source-filter-visual-settings{align-content:start;gap:12px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.source-filter-visual-settings .source-settings-section:first-child{border-top:0;padding-top:0}.source-filter-check{min-height:35px}.source-filter-json-editor{gap:7px;min-height:0;display:grid}.source-filter-json-editor>span{color:var(--text);font-size:11px;font-weight:600}.source-filter-json-editor textarea{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-control);color:var(--text);resize:vertical;outline:none;width:100%;min-height:320px;padding:9px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.45}.source-filter-json-editor textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #8171f11a}@media (width<=760px){.source-filters-dialog{width:min(620px,100vw - 24px)}.source-filter-manager{grid-template-columns:minmax(0,1fr);min-height:min(720px,100vh - 132px);overflow-y:auto}.source-filter-sidebar{border-bottom:1px solid var(--line);border-right:0;max-height:310px}.source-filter-detail{overflow:visible}.source-filter-toolbar{grid-template-columns:minmax(0,1fr) repeat(4,auto)}}.source-type-description{background:linear-gradient(135deg, #8171f11a, transparent 70%), var(--panel-raised);border-radius:var(--radius-control);border:1px solid #8171f138;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:var(--dim);margin-top:2px;font-size:7px;font-weight:500}.source-type-description code{color:var(--dim);font-family:JetBrains Mono,monospace;font-size:7px}.source-type-description p{color:var(--muted);margin:6px 0 0;font-size:9px;line-height:1.5}.source-type-description>span{color:var(--accent);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, transparent 65%), var(--panel-raised);border-radius:var(--radius-control);border:1px solid #39c99740;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:var(--muted);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{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;gap:3px;padding:9px;display:flex}.browser-image-helper-options button:hover{background:var(--panel-hover)}.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{border-radius:var(--radius-compact);color:var(--warning-text);background:#e5a64f14;border:1px solid #e5a64f40;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:var(--accent);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:var(--dim);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:var(--text);font-size:9px;font-weight:600}.source-setting-label{justify-content:space-between;align-items:center;gap:7px;display:flex}.source-setting-label .source-setting-refresh{--action-button-color:var(--accent)}.source-setting-field>div{min-width:0;display:flex;position:relative}.source-setting-field input,.source-setting-field select,.source-setting-field .searchable-select-trigger,.source-setting-field textarea{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-compact);color:var(--text);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 textarea{resize:vertical;min-height:76px}.source-setting-field input:focus,.source-setting-field select:focus,.source-setting-field .searchable-select-trigger[aria-expanded=true],.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:var(--dim);font-size:8px;line-height:1.4}.source-setting-field>small.source-setting-error{color:var(--danger-text)}.source-setting-field .with-suffix input{padding-right:42px}.source-setting-field .with-suffix i{color:var(--dim);pointer-events:none;font-size:8px;font-style:normal;position:absolute;top:10px;right:9px}.source-setting-check{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);cursor:pointer;align-items:flex-start;gap:8px;min-height:48px;padding:9px;display:flex}.source-setting-check:hover{border-color:color-mix(in srgb, var(--line) 65%, var(--text))}.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:var(--text);font-size:9px}.source-no-settings{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--dim);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:var(--text);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:var(--muted);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:var(--text);align-items:center;gap:7px;font-size:9px;display:flex}.dialog-check input{accent-color:var(--accent)}.editor-dialog>footer{background:var(--panel-raised);border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.editor-dialog>footer button:not(.action-button){border-radius:var(--radius-compact);cursor:pointer;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-header-actions{flex:none;align-items:center;gap:6px;display:flex}.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{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);outline:none;min-width:0;padding:8px 9px;font-size:10px}.custom-overlays-connection button:not(.action-button),.custom-overlays-create button:not(.action-button),.custom-overlays-twitch button:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;padding:8px 10px;font-size:9px}.custom-overlays-feedback{margin:10px 18px 0}.custom-overlays-workspace{flex:1;grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.custom-overlays-workspace>aside{background:var(--panel);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:not(.action-button){padding:7px 3px;font-size:8px}.custom-overlays-list{flex:1;padding:0 8px}.custom-overlays-list>button{border-radius:var(--radius-compact);color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;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,.custom-twitch-setting>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);align-items:start;padding:12px 16px;display:block}.overlay-dirty-state{color:var(--green);white-space:nowrap;font-size:8px;font-weight:800}.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:10px;min-width:0;min-height:0;padding:12px 16px 20px;display:flex}.overlay-builder{flex-direction:column;gap:11px;display:flex}.overlay-builder-toolbar{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);flex-wrap:wrap;align-items:end;gap:7px;padding:9px;display:flex}.overlay-editor-mode-control{align-self:end;min-width:190px}.overlay-builder-toolbar .overlay-control{min-width:145px}.overlay-builder-toolbar>button:not(.action-button),.overlay-builder-style-actions button:not(.action-button){background:var(--panel-hover);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:5px;min-height:31px;padding:0 10px;font-size:9px;display:inline-flex}.overlay-builder-toolbar>button:not(.action-button):disabled,.overlay-builder-style-actions button:not(.action-button):disabled{cursor:not-allowed;opacity:.55}.overlay-builder-toolbar .searchable-select-trigger,.overlay-builder-toolbar>select{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);align-self:end;height:31px;padding:0 8px;font-size:9px}.overlay-builder-style-actions{flex-wrap:wrap;align-items:end;gap:7px;margin-left:auto;display:flex}.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:var(--text)}.overlay-builder-fields{gap:12px;display:grid}.overlay-config-section{border:1px solid var(--line-soft);border-radius:var(--radius-control);background:0 0;padding:11px}.overlay-config-section h3{color:var(--text);margin:0 0 10px;font-size:10px}.overlay-preview-action-row{flex-wrap:wrap;gap:8px;margin:0 0 10px;display:flex}.overlay-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:10px;display:grid}.overlay-preview-toggle-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.overlay-control{gap:5px;min-width:0;display:grid}.overlay-control>span:first-child,.overlay-check-list>span{color:var(--muted);font-size:8px;font-weight:600}.overlay-control input,.overlay-control .searchable-select-trigger,.overlay-control select,.overlay-control textarea{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-compact);color:var(--text);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-slider-control,.overlay-slider-control .slider-field,.slider-field.overlay-slider-control{gap:7px}.overlay-slider-control .slider-field-header>span:first-child,.slider-field.overlay-slider-control .slider-field-header>span:first-child{color:var(--muted);font-size:8px;font-weight:600}.overlay-slider-control .slider-field input[type=range],.slider-field.overlay-slider-control input[type=range]{background:linear-gradient(90deg, var(--accent) 0%, var(--accent) var(--slider-percent), var(--line) var(--slider-percent), var(--line) 100%);border:0;border-radius:999px;height:6px;min-height:6px;padding:0}.overlay-slider-actions{justify-content:flex-end;display:flex}.overlay-slider-actions button{border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--muted);cursor:pointer;background:0 0;min-height:27px;padding:0 9px;font-size:8px}.overlay-slider-actions button:hover:not(:disabled){color:var(--danger-text);background:#ef44441f;border-color:#ef444480}.custom-color-picker{--custom-color-control-height:var(--input-group-control-height,var(--control-height-medium));grid-template-columns:var(--custom-color-control-height) minmax(0, 1fr) auto auto;align-items:center;gap:6px;width:100%;min-width:0;display:grid;position:relative}.custom-color-picker.swatch-only{grid-template-columns:var(--custom-color-control-height) minmax(0, 1fr) auto}.custom-color-open-button,.custom-color-eyedropper,.custom-color-presets button{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;justify-content:center;align-items:center;min-height:32px;padding:0;display:inline-flex}.custom-color-open-button{height:var(--custom-color-control-height);min-height:var(--custom-color-control-height)}.custom-color-open-button>span,.custom-color-presets button:before{background:var(--picker-color);border-radius:var(--radius-compact);content:"";display:block}.custom-color-open-button>span{width:24px;height:24px}.custom-color-open-button[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.custom-color-hex-input{height:var(--custom-color-control-height);min-height:var(--custom-color-control-height);width:100%;padding:0 9px;font-family:JetBrains Mono,monospace}.custom-color-presets{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.custom-color-presets.popover{padding-top:0}.custom-color-presets button{width:22px;height:22px;min-height:22px}.custom-color-presets button:before{width:14px;height:14px}.custom-color-presets button.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.custom-color-eyedropper{height:var(--custom-color-control-height);width:var(--custom-color-control-height)}.custom-color-eyedropper.popover{flex:none}.custom-color-open-button:hover:not(:disabled),.custom-color-eyedropper:hover:not(:disabled),.custom-color-presets button:hover:not(:disabled),.custom-color-saved-swatch:hover:not(:disabled){background:var(--panel-hover);border-color:var(--accent)}.custom-color-open-button:disabled,.custom-color-eyedropper:disabled,.custom-color-presets button:disabled,.custom-color-saved-swatch:disabled{cursor:not-allowed;opacity:.5}.custom-color-popover{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);gap:10px;width:244px;padding:10px;display:grid;position:fixed;box-shadow:0 18px 45px #00000052}.custom-color-popover.layer-app{z-index:900}.custom-color-popover.layer-dialog{z-index:1100}.custom-color-map{background:linear-gradient(to top, #000, transparent), linear-gradient(to right, #fff, hsl(var(--picker-hue) 100% 50%));border:1px solid var(--line);border-radius:var(--radius-control);cursor:crosshair;touch-action:none;height:138px;position:relative}.custom-color-map-marker{height:13px;left:var(--picker-saturation);pointer-events:none;top:var(--picker-value);border:2px solid #fff;border-radius:999px;width:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #000000a6}.custom-color-hue,.custom-color-alpha{gap:6px;display:grid}.custom-color-hue>span,.custom-color-alpha>span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.custom-color-alpha>span{justify-content:space-between;align-items:center;display:flex}.custom-color-alpha output{color:var(--text);font-size:10px}.custom-color-hue input[type=range],.custom-color-alpha input[type=range]{appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:999px;width:100%;height:8px;min-height:8px;padding:0}.custom-color-alpha input[type=range]{background:linear-gradient(90deg, transparent var(--alpha-percent), var(--panel-raised) var(--alpha-percent)), linear-gradient(45deg, #ffffff2e 25%, transparent 25% 75%, #ffffff2e 75%), linear-gradient(45deg, #ffffff2e 25%, transparent 25% 75%, #ffffff2e 75%), linear-gradient(90deg, var(--picker-color), transparent);background-color:var(--bg);background-position:0 0,0 0,4px 4px,0 0;background-size:auto,8px 8px,8px 8px,auto}.custom-color-hue input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #0000008c;border-radius:999px;width:16px;height:16px}.custom-color-alpha input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;border:1px solid #0000008c;border-radius:999px;width:16px;height:16px}.custom-color-hue input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #0000008c;border-radius:999px;width:16px;height:16px}.custom-color-alpha input[type=range]::-moz-range-thumb{background:#fff;border:1px solid #0000008c;border-radius:999px;width:16px;height:16px}.custom-color-popover-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.custom-color-current{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);color:var(--text);min-height:32px;padding:8px 9px;font-family:JetBrains Mono,monospace;font-size:10px}.custom-color-preset-section{border-top:1px solid var(--line-soft);gap:8px;padding-top:8px;display:grid}.custom-color-preset-section>span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.custom-color-section{border-top:1px solid var(--line-soft);gap:8px;padding-top:8px;display:grid}.custom-color-section-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.custom-color-section-header span{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.custom-color-saved-grid{grid-template-columns:repeat(6,1fr);gap:7px;display:grid}.custom-color-saved{position:relative}.custom-color-saved-swatch{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);cursor:pointer;width:100%;height:28px;padding:0;position:relative}.custom-color-saved-swatch:before{background:var(--picker-color);border-radius:var(--radius-compact);content:"";display:block;position:absolute;inset:4px}.custom-color-saved.active .custom-color-saved-swatch{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.custom-color-delete{background:var(--panel-raised);border:1px solid var(--line);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:14px;height:14px;padding:0;display:inline-flex;position:absolute;top:-5px;right:-5px}.custom-color-delete:before{background:var(--muted);content:"";border-radius:999px;width:7px;height:2px}.custom-color-delete:hover:not(:disabled){background:var(--red-soft);border-color:var(--red)}.custom-color-delete:hover:not(:disabled):before{background:var(--red)}.custom-color-empty,.custom-color-error{font-size:11px}.custom-color-empty{color:var(--muted)}.custom-color-error{color:var(--red)}.custom-color-confirm-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1300;background:#030508ad;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-color-confirm-dialog{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-dialog);width:360px;max-width:calc(100vw - 28px);overflow:hidden}.custom-color-confirm-dialog header{background:var(--panel-raised);border-bottom:1px solid var(--line);padding:14px 16px}.custom-color-confirm-dialog h2{margin:0 0 7px;font-size:18px}.custom-color-confirm-dialog p{color:var(--muted);margin:0;font-size:13px}.custom-color-confirm-dialog footer{justify-content:flex-end;gap:8px;padding:14px 20px 18px;display:flex}.overlay-color{grid-template-columns:var(--custom-color-control-height) minmax(0, 1fr) auto auto}.overlay-optional-color-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.overlay-inline-clear-button:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;min-height:31px;padding:0 10px;font-size:9px;font-weight:700;display:inline-flex}.overlay-inline-clear-button:not(.action-button):hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.overlay-inline-clear-button:not(.action-button):disabled{cursor:not-allowed;opacity:.55}.overlay-event-reset-row{justify-content:flex-end;display:flex}.overlay-media-input-row{grid-template-columns:minmax(0,1fr) repeat(3,31px);gap:6px;display:grid}.overlay-media-picker-button:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;justify-content:center;align-items:center;min-height:31px;padding:0;display:inline-flex}.overlay-media-picker-button:not(.action-button):hover:not(:disabled),.overlay-media-picker-button:not(.action-button)[aria-expanded=true],.overlay-media-picker-button:not(.action-button).active{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.overlay-media-clear-button:hover:not(:disabled){color:var(--danger-text);background:#ef44441f;border-color:#ef444480}.overlay-media-picker-button:not(.action-button):disabled{cursor:not-allowed;opacity:.55}.overlay-media-url-error{border-radius:var(--radius-control);color:var(--danger-text);background:#ef44441a;border:1px solid #ef444459;padding:7px 8px;display:block}.overlay-chroma-control{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);gap:10px;padding:10px;display:grid}.overlay-chroma-panel{gap:9px;display:grid}.overlay-chroma-preview-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.overlay-chroma-preview-toolbar .overlay-toggle{flex:160px}.overlay-chroma-expand-button:not(.action-button){background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;display:inline-flex}.overlay-chroma-expand-button:not(.action-button):hover,.overlay-chroma-expand-button:not(.action-button):focus-visible{background:var(--accent-soft);border-color:var(--accent);outline:none}.overlay-chroma-panel .overlay-control,.overlay-chroma-slider{margin:0}.overlay-chroma-preview{aspect-ratio:16/9;border-radius:var(--radius-control);color:var(--text);cursor:crosshair;background-color:#0b0f16;background-image:linear-gradient(45deg,#ffffff14 25%,#0000 25% 75%,#ffffff14 75%),linear-gradient(45deg,#ffffff14 25%,#0000 25% 75%,#ffffff14 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:1px solid #343c49;width:100%;min-height:96px;padding:0;display:block;position:relative;overflow:hidden}.overlay-chroma-preview.expanded{min-height:min(58vh,520px)}.overlay-chroma-preview:hover,.overlay-chroma-preview:focus-visible{border-color:var(--accent);outline:none}.overlay-chroma-preview-stage{width:100%;height:100%;display:block;position:relative}.overlay-chroma-preview img,.overlay-chroma-preview video,.overlay-chroma-preview canvas{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.overlay-chroma-preview canvas{display:none}.overlay-chroma-preview.show-result img,.overlay-chroma-preview.show-result video{opacity:0}.overlay-chroma-preview.show-result canvas{display:block}.overlay-chroma-preview-icon,.overlay-chroma-preview-swatch{position:absolute;right:9px}.overlay-chroma-preview-icon{background:#05080dbd;border:1px solid #ffffff29;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;top:9px}.overlay-chroma-preview-swatch{background:var(--chroma-color);border:2px solid #ffffffc7;border-radius:999px;width:24px;height:24px;bottom:9px;box-shadow:0 3px 10px #00000073}.overlay-chroma-expanded-modal{width:min(1180px,100vw - 48px)}.overlay-chroma-expanded-grid{grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:14px;min-height:0;display:grid}.overlay-chroma-expanded-controls{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-panel);align-content:start;gap:10px;padding:10px;display:grid}.overlay-media-picker-backdrop{padding:24px}.overlay-media-picker-modal{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-dialog);gap:15px;width:min(980px,100vw - 48px);max-height:calc(100vh - 48px);padding:16px;display:grid;overflow:hidden}.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);border-radius:var(--radius-control);color:var(--accent);border:1px solid #8171f173;flex:0 0 38px;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);border-radius:var(--radius-control);color:var(--text);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.overlay-media-picker-controls{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.overlay-media-picker-controls label:not(.overlay-media-picker-upload){flex:0 0 180px;gap:6px;min-width:0;display:grid}.overlay-media-picker-controls label.overlay-media-picker-search-field{flex:220px;min-width:180px}.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 .searchable-select-trigger,.overlay-media-picker-controls select{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-control);color:var(--input-text);min-width:0;min-height:36px;padding:0 10px}.overlay-media-picker-upload{background:var(--accent-soft);border-radius:var(--radius-control);color:var(--text);cursor:pointer;border:1px solid #8171f18c;flex:none;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{border-radius:var(--radius-control);background:#ef44441a;border:1px solid #ef444459;padding:9px 10px;color:var(--danger-text)!important;margin:0!important;font-size:11px!important}.overlay-media-picker-selection-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.overlay-media-picker-selection-bar>div{gap:2px;margin-right:auto;display:grid}.overlay-media-picker-selection-bar strong{font-size:12px}.overlay-media-picker-selection-bar span{color:var(--muted);font-size:10px}.overlay-media-file-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:8px;max-height:360px;display:grid;overflow:hidden 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:0}.overlay-media-picker-modal .overlay-media-file-grid.has-scrollbar{padding-right:10px}.overlay-media-file-card{min-width:0;position:relative}.overlay-media-file-select{z-index:3;position:absolute;top:11px;left:11px}.overlay-media-file-select input{width:18px;height:18px;margin:0}.overlay-media-file-pick{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text);cursor:pointer;text-align:left;gap:7px;width:100%;min-width:0;height:100%;padding:7px;display:grid}.overlay-media-file-card:hover .overlay-media-file-pick,.overlay-media-file-card.active .overlay-media-file-pick,.overlay-media-file-pick:focus-visible{background:var(--accent-soft);border-color:#8171f18c}.overlay-media-file-actions{gap:6px;display:flex;position:absolute;top:13px;right:13px}.overlay-media-file-preview-action{color:var(--text);cursor:pointer;background:#080b10c7;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;display:inline-flex}.overlay-media-file-preview-action:hover,.overlay-media-file-preview-action.active,.overlay-media-file-preview-action:focus-visible{background:var(--accent-soft);color:var(--accent);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);border-radius:var(--radius-control);box-sizing:border-box;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;align-self:start;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-name{-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.overlay-media-file-meta small{color:var(--muted);overflow-wrap:anywhere;font-size:8px}.overlay-media-picker-empty{border:1px dashed var(--line);border-radius:var(--radius-panel);color:var(--muted);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:var(--panel);border:1px solid var(--line);border-radius:var(--radius-panel);box-shadow:var(--shadow-dialog);gap:14px;width:min(900px,100vw - 48px);max-height:calc(100vh - 48px);padding:16px;display:grid;overflow:hidden}.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);border-radius:var(--radius-control);color:var(--text);background:0 0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.overlay-media-preview-stage{border:1px solid var(--line);border-radius:var(--radius-panel);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;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%}@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-chroma-expanded-grid{grid-template-columns:minmax(0,1fr)}.overlay-media-picker-controls label:not(.overlay-media-picker-upload),.overlay-media-picker-controls label.overlay-media-picker-search-field,.overlay-media-picker-upload{flex-basis:100%}}.overlay-toggle{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);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{border-radius:var(--radius-compact);background:#39c99712;border:1px solid #39c99738;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{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--muted);cursor:pointer;text-align:left;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:var(--text);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-event-subsection{border-top:1px solid var(--line);grid-column:1/-1;gap:10px;min-width:0;padding-top:10px;display:grid}.overlay-event-subsection-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.overlay-event-subsection-heading>div{gap:2px;min-width:0;display:grid}.overlay-event-subsection-heading strong{color:var(--text);font-size:9px}.overlay-event-subsection-heading>div>span{color:var(--muted);font-size:8px}.overlay-reward-config{grid-column:1/-1;gap:9px;min-width:0;display:grid}.overlay-reward-header{grid-template-columns:minmax(0,1fr) minmax(260px,auto);align-items:end;gap:8px;display:grid}.overlay-reward-header>div:first-child{gap:2px;min-width:0;display:grid}.overlay-reward-header>div:first-child strong{color:var(--text);font-size:9px}.overlay-reward-header>div:first-child span{color:var(--muted);font-size:8px;font-weight:600}.overlay-reward-actions{justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.overlay-reward-actions .searchable-select{flex:220px}.overlay-reward-actions>button{white-space:nowrap;flex:none}.overlay-reward-header button,.overlay-reward-remove:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:9px;display:inline-flex}.overlay-reward-list{gap:8px;display:grid}.overlay-reward-row{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);gap:0;min-width:0;display:grid;overflow:hidden}.overlay-reward-row.expanded{border-color:#8171f170}.overlay-reward-tile-actions{grid-template-columns:minmax(0,1fr) 32px;gap:6px;padding:6px;display:grid}.overlay-reward-tile-actions>button:first-child{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;text-align:left;align-items:start;gap:2px;min-width:0;padding:7px 8px;display:grid}.overlay-reward-tile-actions>button:first-child.active{background:var(--accent-soft);border-color:#8171f170}.overlay-reward-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.overlay-reward-tile-actions>button:first-child>span{color:var(--muted);font-size:8px}.overlay-reward-remove:not(.action-button){min-height:32px;padding:0}.overlay-reward-detail{border-top:1px solid var(--line);gap:10px;padding:11px;display:grid}.overlay-reward-sound-link{border-top:1px solid var(--line);gap:9px;padding-top:10px;display:grid}.overlay-reward-sound-heading{gap:2px;display:grid}.overlay-reward-sound-heading strong{color:var(--text);font-size:9px}.overlay-reward-sound-heading span{color:var(--muted);font-size:8px}.overlay-validation{border-radius:var(--radius-control);background:#f0565e14;border:1px solid #f0565e4d;flex-direction:column;gap:4px;padding:9px;display:flex}.overlay-validation strong{color:var(--danger-text);font-size:9px}.overlay-validation span{color:color-mix(in srgb, var(--danger-text) 72%, var(--muted));font-size:8px}.overlay-revision-panel{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);gap:9px;padding:10px;display:grid}.overlay-revision-panel>header{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.overlay-revision-panel>header>div:not(.overlay-revision-actions){gap:2px;min-width:0;display:grid}.overlay-revision-panel>header>.overlay-revision-actions{white-space:nowrap;flex-wrap:nowrap;flex:none;justify-content:flex-end;align-items:center;gap:7px;display:flex}.overlay-revision-panel strong{color:var(--text);font-size:10px}.overlay-revision-panel>header>div:not(.overlay-revision-actions)>span,.overlay-revision-list article>div:first-child>span{color:var(--dim);font-size:8px}.overlay-revision-panel button:not(.action-button),.overlay-revision-list button:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:4px;min-height:26px;padding:0 8px;font-size:8px;font-weight:700;display:inline-flex}.overlay-revision-panel button:not(.action-button):disabled,.overlay-revision-list button:not(.action-button):disabled{cursor:not-allowed;opacity:.5}.overlay-revision-list{gap:6px;display:grid}.overlay-revision-list article{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.overlay-revision-list article.published{border-color:#39c99759}.overlay-revision-list article>div{align-items:center;gap:6px;min-width:0;display:flex}.overlay-revision-list article>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}.overlay-revision-list article>div:last-child>span{color:var(--green);text-transform:uppercase;font-weight:800}.overlay-preview-panel{background:var(--panel-raised);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;gap:12px;min-width:0;display:flex}.overlay-preview-title-side{flex-direction:column;align-items:flex-end;gap:6px;min-width:0;display:flex}.overlay-preview-heading{flex-direction:column;gap:2px;min-width:0;display:flex}.overlay-preview-title strong{font-size:10px}.overlay-preview-heading>span,.overlay-preview-panel p{color:var(--dim);font-size:8px}.overlay-preview-meta{color:var(--dim);text-align:right;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:5px 9px;min-width:0;line-height:1.2;display:flex}.overlay-preview-meta span{white-space:nowrap;font-size:8px}.overlay-preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.overlay-preview-actions button:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--text);white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-height:24px;padding:0 7px;font-size:8px;font-weight:700;display:inline-flex}.overlay-preview-actions button:not(.action-button):hover:not(:disabled),.overlay-preview-actions button:not(.action-button):focus-visible{border-color:var(--accent);color:var(--text)}.overlay-preview-actions button:not(.action-button):disabled{cursor:not-allowed;opacity:.5}.overlay-preview-popup-backdrop{z-index:1250;padding:24px}.overlay-preview-popup-dialog{grid-template-rows:auto minmax(0,1fr);width:min(1480px,100vw - 48px);height:min(860px,100vh - 48px);display:grid;overflow:hidden}.overlay-preview-popup-stage{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 10px,10px -10px,-10px 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:20px 20px;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;justify-content:center;align-items:center;min-height:0;padding:14px;display:flex;overflow:hidden}.overlay-preview-popup-canvas{width:min(100%,177.778vh - 266.667px);max-height:100%}.overlay-preview-meta .overlay-dirty-state{color:var(--green)}.overlay-preview-meta .overlay-dirty-state.dirty{color:var(--amber)}.overlay-preview-stack{flex-direction:column;gap:8px;display:flex}.overlay-preview-stack.soundboard{display:flex}.overlay-preview-frame{flex-direction:column;gap:5px;min-width:0;display:flex}.overlay-preview-frame>strong{color:var(--dim);font-size:8px;font-weight:600}.overlay-preview-canvas{aspect-ratio:16/9;border-radius:var(--radius-control);--overlay-preview-scale:.25;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;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000059}.overlay-preview-canvas iframe{height:1080px;transform:translate(-50%, -50%) scale(var(--overlay-preview-scale));transform-origin:50%;border:0;width:1920px;position:absolute;top:50%;left:50%}.overlay-preview-canvas>span{color:var(--muted);text-align:center;padding:20px;font-size:9px}.overlay-preview-sound-tools{gap:6px;display:grid}.overlay-preview-sound-toggle{color:var(--dim);align-items:center;gap:6px;font-size:8px;display:flex}.overlay-preview-sound-toggle input{accent-color:var(--blue);width:12px;height:12px;margin:0}.overlay-live-sound-actions,.overlay-preview-sound-actions{flex-wrap:wrap;gap:5px;display:flex}.overlay-live-sound-actions button:not(.action-button),.overlay-preview-sound-actions button:not(.action-button){background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);color:var(--dim);cursor:pointer;align-items:center;gap:4px;min-height:24px;padding:0 7px;font-size:8px;font-weight:700;display:inline-flex}.overlay-live-sound-actions button:not(.action-button):hover:not(:disabled),.overlay-preview-sound-actions button:not(.action-button):hover:not(:disabled){border-color:var(--blue);color:var(--text)}.overlay-live-sound-actions button:not(.action-button):disabled,.overlay-preview-sound-actions button:not(.action-button):disabled{cursor:not-allowed;opacity:.5}.overlay-preview-panel p{margin:0;line-height:1.45}@media (width<=1200px){.overlay-preview-stack.soundboard{grid-template-columns:minmax(0,1fr)}}.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;align-items:center}.profile-transfer-actions{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.profile-transfer-actions-compact{gap:6px}.profile-transfer-dialog{width:min(560px,100vw - 32px);max-width:560px}.profile-transfer-body{gap:12px;padding:16px 20px 18px;display:grid}.profile-transfer-options{gap:8px;display:grid}.profile-transfer-option-toggle{background:var(--panel-raised);border:1px solid var(--line-soft);border-radius:var(--radius-control);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;padding:10px 12px;display:grid}.profile-transfer-option-toggle:hover{background:var(--panel-hover)}.profile-transfer-option-toggle input{accent-color:var(--accent);margin-top:2px}.profile-transfer-option-toggle span{gap:4px;min-width:0;display:grid}.profile-transfer-option-toggle strong{color:var(--text);font-size:11px}.profile-transfer-option-toggle small{color:var(--muted);font-size:10px;line-height:1.35}.profile-transfer-search{gap:6px;display:grid}.profile-transfer-search span{color:var(--muted);font-size:11px;font-weight:800}.profile-transfer-search input{background:var(--input-background);border:1px solid var(--input-border);border-radius:var(--radius-control);box-sizing:border-box;color:var(--text);width:100%;min-height:38px;padding:0 10px}.profile-transfer-list-toolbar{justify-content:space-between;align-items:center;gap:10px;padding:0 2px;display:flex}.profile-transfer-list-toolbar span{color:var(--muted);font-size:11px;font-weight:800}.profile-transfer-list-toolbar button:not(.action-button){border:1px solid var(--line-soft);border-radius:var(--radius-control);color:var(--text);cursor:pointer;background:0 0;min-height:30px;padding:0 10px}.profile-transfer-list-toolbar button:not(.action-button):hover:not(:disabled){background:var(--panel-hover)}.profile-transfer-list-toolbar button:not(.action-button):disabled{cursor:not-allowed;opacity:.5}.profile-transfer-list{border:1px solid var(--line-soft);border-radius:var(--radius-panel);max-height:320px;display:grid;overflow:auto}.profile-transfer-option{cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.profile-transfer-option+.profile-transfer-option{border-top:1px solid var(--line-soft)}.profile-transfer-option:hover{background:var(--panel-hover)}.profile-transfer-option input{cursor:pointer}.profile-transfer-option input:disabled{cursor:not-allowed}.profile-transfer-option span{gap:3px;min-width:0;display:grid}.profile-transfer-option strong,.profile-transfer-option small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-transfer-option small,.profile-transfer-empty{color:var(--muted)}.profile-transfer-empty{margin:0;padding:14px}@media (width<=800px){.custom-overlays-connection{grid-template-columns:1fr}.custom-overlays-workspace{grid-template-columns:minmax(0,1fr)}.custom-overlays-workspace>aside{border-bottom:1px solid var(--line);border-right:0}.custom-overlays-list{max-height:240px}.custom-overlay-row{grid-template-columns:1fr}}@media (width<=1180px){.custom-overlay-content{flex-direction:column;display:flex;overflow:auto}.custom-overlay-settings{border-bottom:1px solid var(--line);border-right:0;flex:none;overflow:visible}.overlay-preview-panel{flex:none;min-height:420px}}.confirm-delete-dialog{width:460px}.typed-confirmation-dialog>form{max-width:none;margin:0}.typed-confirmation-dialog .dialog-field strong{color:var(--text);font-family:var(--font-mono);-webkit-user-select:all;user-select:all}.typed-confirmation-error{color:var(--danger-text);margin:0;font-size:10px}.overlay-style-paste-dialog{width:min(460px,100vw - 32px)}.overlay-style-paste-tools{justify-content:flex-end;display:flex}.overlay-style-paste-tools button{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-compact);color:var(--text);cursor:pointer;min-height:32px;padding:0 11px;font-size:10px}.overlay-style-paste-list{gap:8px;display:grid}.overlay-style-paste-list label{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);align-items:center;gap:9px;min-height:38px;padding:0 11px;display:flex}.overlay-style-paste-list input{accent-color:var(--accent);margin:0}.overlay-style-paste-list span{color:var(--text);font-size:11px;font-weight:700}.delete-description{color:var(--text);margin:0;font-size:12px;line-height:1.55}.toast-stack{pointer-events:none;bottom:38px;right:max(16px, env(safe-area-inset-right));z-index:1100;justify-items:end;gap:7px;display:grid;position:fixed}.toast{background:var(--panel-raised);border:1px solid var(--line);border-radius:var(--radius-control);box-sizing:border-box;box-shadow:var(--shadow-menu);color:var(--text);overflow-wrap:anywhere;pointer-events:auto;align-items:center;gap:8px;min-width:230px;max-width:min(420px,100vw - 32px);padding:10px 12px;font-size:10px;animation:.18s ease-out toast-in;display:flex}.toast>span{background:var(--accent);border-radius:50%;flex:0 0 6px;width:6px;height:6px}@media (width<=760px){.custom-overlays-dialog,.custom-overlays-page{min-height:0}.custom-overlay-heading,.custom-overlay-settings{padding-left:12px;padding-right:12px}.overlay-builder-toolbar,.overlay-builder-style-actions,.overlay-preview-actions,.overlay-preview-title,.overlay-media-picker-controls,.overlay-media-preview-actions{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.overlay-control-grid,.overlay-reward-settings-grid,.overlay-media-layout-grid,.overlay-media-picker-modal-grid,.overlay-media-preview-body{grid-template-columns:minmax(0,1fr)}.overlay-reward-header{grid-template-columns:minmax(0,1fr);align-items:stretch}.overlay-reward-actions{grid-template-columns:minmax(0,1fr);justify-content:stretch;align-items:stretch;display:grid}}.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,.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}.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 .searchable-select-trigger,.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,.mixer-volume-slider output,.change-control small,.control-list small{font-size:9px}.mixer-strip{gap:5px;padding:8px 0}.fader-row{grid-template-columns:30px minmax(0,1fr)}.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}.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 .searchable-select-trigger,.dialog-field select,.dialog-field textarea,.editor-dialog>footer button:not(.action-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 .searchable-select-trigger,.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:11px 14px}.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:7px 10px}.monitor-meta{display:none!important}.transition-meta{display:none}}@media (width<=760px){.portal-studio-host,.portal-studio-host>.app-shell{height:auto;min-height:100%}.app-shell{grid-template-rows:auto auto auto;height:auto;min-height:100%;overflow:hidden auto}.topbar{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand actions""status status";gap:8px;min-height:82px;padding:8px}.brand{grid-area:brand}.brand>div:last-child,.topbar-divider,.topbar-center .quiet{display:none}.topbar-center{grid-area:status;justify-content:flex-start;min-width:0}.topbar-actions{grid-area:actions;min-width:0}.topbar-options-menu,.overlay-preview-menu{width:min(360px,100vw - 16px);max-width:calc(100vw - 16px);right:0}.workspace{grid-template-rows:auto auto;min-height:0;overflow:visible}.monitor-deck{grid-template-rows:minmax(240px,42vh) auto minmax(240px,42vh);grid-template-columns:minmax(0,1fr);height:auto}.transition-rail{border-bottom:1px solid var(--line-soft);border-left:0;border-right:0;border-top:1px solid var(--line-soft);flex-direction:row;min-height:68px;padding:8px}.rail-line{width:auto;min-width:10px;height:1px;min-height:0}.transition-meta{min-width:88px}.dock-deck{grid-template-columns:minmax(0,1fr);height:auto;overflow:visible}.dock-deck>.panel{min-height:260px}.statusbar{min-height:34px;overflow:hidden}}textarea:focus,textarea:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 2px #8171f11a}button:disabled,select:disabled,.searchable-select-trigger: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}@media (width<=760px){.portal-stat-grid{grid-template-columns:minmax(0,1fr);margin-top:16px}.portal-card-heading,.portal-obs-reconnect-row,.portal-notification-builder-header{flex-direction:column;align-items:stretch}.portal-notification-builder-actions{justify-content:flex-start;margin-left:0}.portal-profile-card,.portal-stat-grid article,.portal-doc-card,.portal-docs-intro article{padding:14px}.portal-profile-card dl>div{flex-direction:column;align-items:flex-start;gap:4px}.portal-pagination{flex-direction:column;align-items:stretch}.portal-pagination-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.media-file-info-list>div{grid-template-columns:minmax(0,1fr);gap:5px}.portal-access-list article{flex-direction:column;align-items:stretch}.portal-access-list article>.action-button{width:100%}.toast-stack{bottom:max(10px, env(safe-area-inset-bottom));left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right))}.toast{width:100%;min-width:0}.widgets-layout.listing,.widgets-layout.editing{padding:8px}.editor-dialog.widgets-page{min-height:0}.widgets-canvas-panel{min-height:360px;padding:8px}.widgets-canvas-viewport{min-height:260px}.overlay-preview-panel{min-height:300px}.custom-overlays-list{max-height:200px}}@media (width<=560px){.portal-page h1,.portal-auth h1{font-size:24px}.portal-page-header-action-slot,.portal-page-header-action-slot>.action-button:not(.action-button-icon-only),.portal-global-save-bar>.action-button,.portal-notification-builder-actions>.action-button{width:100%}}@media (width<=760px){html,body,#root{width:100%;max-width:100%;overflow-x:hidden}body{overscroll-behavior:none}button,a,summary,label,input,select,textarea{touch-action:manipulation}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,.searchable-select-trigger{font-size:16px}.portal-shell,.portal-shell.sidebar-collapsed{grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0, 1fr)}.portal-mobile-header{box-sizing:border-box;min-height:calc(52px + env(safe-area-inset-top));padding-top:calc(7px + env(safe-area-inset-top))}.portal-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-padding-block:12px max(24px, env(safe-area-inset-bottom));overflow:hidden auto}.portal-page{box-sizing:border-box;padding-bottom:max(28px, calc(16px + env(safe-area-inset-bottom)));width:100%}.portal-page>*,.portal-profile-card,.portal-stat-grid>*,.portal-doc-card,.portal-file-library-card,.portal-feedback-item,.portal-security-access-list article,.portal-user-list article,.portal-ip-block-list article{min-width:0;max-width:100%}.portal-page :is(h1,h2,h3,p,strong,span,small,dd),.editor-dialog :is(h2,h3,p,strong,span,small){overflow-wrap:anywhere}.portal-page-header-actions,.portal-card-heading,.portal-notification-history-heading,.portal-security-access-heading{gap:12px}.portal-page-header-action-slot,.portal-file-header-actions,.portal-notification-history-tools{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.portal-page-header-action-slot>.action-button,.portal-file-header-actions>.action-button,.portal-notification-history-tools>.action-button{width:100%}.portal-page-header-action-slot>.action-button-icon-only,.portal-file-header-actions>.action-button-icon-only,.portal-notification-history-tools>.action-button-icon-only{justify-self:end;width:40px}.portal-notification-history-tools .searchable-select,.portal-feedback-report-filters .searchable-select,.portal-feedback-report-filters .portal-feedback-status-filter{flex:none;width:100%;min-width:0}.portal-feedback-report-filters{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.portal-notification-history-row,.portal-notification-list article{grid-template-columns:32px minmax(0,1fr)}.portal-notification-history-title,.portal-notification-title-row{flex-wrap:wrap;align-items:flex-start}.portal-notification-actions,.portal-notification-history-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-notification-actions>.action-button,.portal-notification-history-actions>.action-button{width:100%}.portal-notification-popover{max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.modal-backdrop{box-sizing:border-box;padding:max(8px, env(safe-area-inset-top)) 8px max(8px, env(safe-area-inset-bottom));align-items:stretch;overflow:hidden}.modal-backdrop>:is([role=dialog],[role=alertdialog]){width:100%;max-width:100%;max-height:100%;margin:auto;overflow:hidden auto}.modal-backdrop :is([role=dialog],[role=alertdialog])>header{cursor:default;touch-action:pan-y;z-index:10;flex:none;position:sticky;top:0}.modal-backdrop :is([role=dialog],[role=alertdialog])>footer{z-index:10;flex:none;position:sticky;bottom:0}.modal-backdrop .dialog-body{min-height:0;overflow:visible}.draggable-dialog-positioned{width:100%!important;margin:auto!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}.custom-color-popover{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}.searchable-select-menu{max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.portal-global-save-bar,.portal-profile-actions,.portal-file-actions,.portal-file-name-actions,.portal-soundboard-primary-actions,.portal-soundboard-edit-actions,.portal-soundboard-board-actions,.portal-soundboard-actions>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.portal-global-save-bar>.action-button,.portal-profile-actions>.action-button,.portal-file-actions>.action-button,.portal-file-name-actions>.action-button,.portal-soundboard-primary-actions>.action-button,.portal-soundboard-edit-actions>.action-button,.portal-soundboard-board-actions>.action-button,.portal-soundboard-actions>div>.action-button{width:100%}.portal-soundboard-grid{grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--soundboard-button-size,120px)), 1fr))}.portal-notification-builder-preview{position:static}.editor-dialog.widgets-page,.widgets-layout,.widgets-editor,.widgets-workspace{height:auto;min-height:0;max-height:none;overflow:visible}.editor-dialog.widgets-page{width:100%}.widgets-layout.listing,.widgets-layout.editing{padding:8px 8px max(24px, env(safe-area-inset-bottom));overflow:visible}.widgets-list-panel,.widgets-list{overflow:visible}.widgets-list-header{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;display:grid}.widgets-list-header>div{grid-column:1/-1}.widgets-list-header>.action-button,.widgets-list-header>label,.widgets-list-header>button{width:100%}.widgets-editor-toolbar-action-row{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.widgets-editor-toolbar-action-row>.layout-toolbar-content,.widgets-editor-toolbar-action-row>.layout-toolbar-actions,.widgets-editor-toolbar-action-row>.layout-toolbar-content>.action-button{width:100%}.widgets-toolbar-actions,.widgets-add-layer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-left:0;display:grid;overflow:visible}.widgets-toolbar-actions>.action-button,.widgets-add-layer-actions>.action-button{width:100%}.widgets-canvas-tools,.widgets-preview-scale-control{width:100%;max-width:none}.widgets-canvas-panel{min-height:min(460px,100dvh - 84px);max-height:none;overflow:visible}.widgets-canvas-viewport{overscroll-behavior:contain;height:min(52dvh,460px);min-height:300px}.widgets-layer-panel,.widgets-layer-list{max-height:none;overflow:visible}.widgets-layer-panel{padding:10px}.widgets-layer-row{grid-template-columns:auto auto minmax(0,1fr) auto}.widgets-layer-editor{padding-inline:0}.custom-overlays-dialog,.custom-overlays-page,.custom-overlays-workspace,.custom-overlay-editor,.custom-overlay-content,.custom-overlay-settings{height:auto;min-height:0;max-height:none;overflow:visible}.custom-overlays-page{min-height:100%}.custom-overlays-workspace{flex-direction:column;display:flex}.custom-overlays-workspace>aside{flex:none}.custom-overlays-create,.overlay-preview-actions,.overlay-builder-style-actions,.overlay-footer-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-left:0;display:grid}.custom-overlays-create>.action-button,.overlay-preview-actions>.action-button,.overlay-builder-style-actions>.action-button,.overlay-footer-actions>.action-button{width:100%}.custom-overlay-heading,.custom-overlay-settings,.overlay-preview-panel{padding-left:10px;padding-right:10px}.overlay-builder-tabs{overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;overflow-x:auto}.overlay-builder-tabs>button{flex:none;min-height:40px}.overlay-builder-toolbar>*,.overlay-builder-toolbar .overlay-control,.overlay-editor-mode-control{width:100%;min-width:0;max-width:none}.overlay-revision-panel>header,.overlay-revision-list article{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.overlay-revision-panel>header>.overlay-revision-actions,.overlay-revision-list article>div:last-child{flex-wrap:wrap;justify-content:flex-end}.overlay-preview-panel{min-height:0}.overlay-preview-title-side,.overlay-preview-meta{text-align:left;align-items:stretch}.overlay-preview-meta{justify-content:flex-start}.overlay-media-picker-backdrop,.overlay-preview-popup-backdrop{padding:8px}.overlay-media-picker-modal,.overlay-preview-popup-dialog{width:100%;max-width:calc(100vw - 16px);height:auto;max-height:calc(100dvh - 16px);overflow:hidden auto}.overlay-preview-popup-stage{min-height:240px;padding:8px}.portal-studio-host,.portal-studio-host>.app-shell,.portal-studio-host .workspace,.portal-studio-host .dock-deck{height:auto;max-height:none;overflow:visible}.portal-studio-host .topbar{z-index:20;position:sticky;top:0}.portal-studio-host .topbar-actions{flex-wrap:wrap;justify-content:flex-end}.portal-studio-host .topbar-center{overscroll-behavior-x:contain;overflow-x:auto}.portal-studio-host .monitor-deck{grid-template-rows:minmax(240px,46dvh) auto minmax(240px,46dvh)}.portal-studio-host .transition-rail{flex-wrap:wrap}.portal-studio-host .dock-deck>.panel{min-height:min(360px,55dvh)}.source-filter-manager{min-height:0}.source-filter-toolbar{grid-template-columns:minmax(0,1fr) repeat(4,40px)}.statusbar{white-space:nowrap}}@media (width<=420px){.portal-page-header-action-slot,.portal-file-header-actions,.portal-notification-history-tools,.portal-global-save-bar,.portal-profile-actions,.portal-file-actions,.portal-file-name-actions,.portal-soundboard-primary-actions,.portal-soundboard-edit-actions,.portal-soundboard-board-actions,.portal-soundboard-actions>div,.portal-soundboard-grid{grid-template-columns:minmax(0,1fr)}.source-filter-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.source-filter-toolbar>:first-child{grid-column:1/-1}}