html,body,#root{width:100%;min-width:100%;height:100%;min-height:100%;margin:0;overflow:hidden}body{background:var(--color-bg,#f0f0ee)}@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Google Sans Flex;src:url(/fonts/GoogleSansFlex-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--black:#191919;--gray-800:#2f2f2d;--gray-700:#37352f;--gray-500:#787774;--gray-400:#9b9a97;--gray-300:#c9c8c5;--gray-200:#e9e9e7;--gray-100:#f0f0ee;--gray-50:#fbfbfa;--white:#fff;--red-600:#b3402a;--red-100:#f7e6e2;--blue-600:#3d6da6;--blue-700:#33608f;--blue-800:#26496e;--blue-100:#e6edf5;--color-theme:var(--blue-600);--color-theme-hover:var(--blue-700);--color-theme-subtle:var(--blue-100);--color-bg:var(--gray-100);--color-surface:var(--white);--color-surface-sunken:var(--gray-100);--color-field:var(--gray-50);--color-border:var(--gray-300);--color-border-strong:var(--gray-300);--color-text:var(--black);--color-text-muted:var(--gray-500);--color-text-subtle:var(--gray-400);--color-primary:var(--color-theme);--color-primary-hover:var(--color-theme-hover);--color-primary-active:var(--color-theme-hover);--color-on-primary:var(--white);--color-primary-border:var(--blue-800);--color-focus-ring:var(--color-theme);--color-hover:var(--gray-200);--color-danger:var(--red-600);--color-danger-bg:var(--red-100);--font-sans:"Google Sans Flex", "Roboto", ui-sans-serif, system-ui, Arial, sans-serif;--weight-regular:400;--weight-medium:500;--weight-bold:700;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:16px;--text-lg:19px;--text-xl:25px;--text-2xl:33px;--text-3xl:45px;--leading-tight:1.15;--leading-normal:1.45;--leading-relaxed:1.6;--tracking-tight:-.01em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-xs:3px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:999px;--shadow-card:0 1px 2px #1a1a170a, 0 2px 8px #1a1a170d;--shadow-raised:0 4px 16px #1a1a1714;--transition-base:.15s ease;--ds-caret:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7071 14.7071C12.3166 15.0976 11.6834 15.0976 11.2929 14.7071L6.29289 9.70711C5.90237 9.31658 5.90237 8.68342 6.29289 8.29289C6.68342 7.90237 7.31658 7.90237 7.70711 8.29289L12 12.5858L16.2929 8.29289C16.6834 7.90237 17.3166 7.90237 17.7071 8.29289C18.0976 8.68342 18.0976 9.31658 17.7071 9.70711L12.7071 14.7071Z' fill='%23000'/%3E%3C/svg%3E") center/contain no-repeat}.ds-btn{justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;height:32px;padding:0 var(--space-4);box-sizing:border-box;font-family:var(--font-sans);font-size:13px;font-weight:var(--weight-regular);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-base), border-color var(--transition-base), color var(--transition-base), transform var(--transition-base);border:1px solid #0000;outline:none;display:inline-flex}a.ds-btn{text-decoration:none}.ds-btn--sm{height:26px;padding:0 var(--space-3);font-size:var(--text-sm)}.ds-btn--lg{height:40px;padding:0 22px}.ds-btn:active:not(:disabled){transform:scale(.98)}.ds-btn:disabled{opacity:.45;cursor:not-allowed}.ds-btn:focus-visible{box-shadow:inset 0 0 0 .4px var(--color-theme);border-color:var(--color-theme)}.ds-btn--primary{background:var(--color-primary);border-color:var(--color-primary-border);color:var(--color-on-primary);box-shadow:inset 0 0 0 .4px var(--color-primary-border), inset 0 1px 0 #ffffff29}.ds-btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-border)}.ds-btn--primary:focus-visible{border-color:var(--color-primary-border);outline:1.4px solid var(--color-theme);outline-offset:2px}.ds-btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.ds-btn--secondary:hover:not(:disabled){background:var(--color-surface-sunken)}.ds-btn--ghost{color:var(--color-text);background:0 0;height:auto;padding:0}.ds-btn--ghost:hover:not(:disabled){color:var(--color-theme);background:0 0}.ds-btn--danger{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-danger)}.ds-btn--danger:hover:not(:disabled){background:var(--color-danger-bg)}.ds-label{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.ds-hint{font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-normal)}.ds-hint--error{color:var(--color-danger)}.ds-control{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-field);border:1px solid var(--color-border);border-radius:var(--radius-md);box-sizing:border-box;width:100%;transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;padding:0 7px}.ds-control:focus-visible{border-color:var(--color-theme);box-shadow:inset 0 0 0 .4px var(--color-theme)}.ds-control[data-error=true]{border-color:var(--color-danger)}.ds-control::placeholder{color:var(--color-text-subtle)}.ds-control:disabled{opacity:.65}input.ds-control{height:32px}textarea.ds-control{resize:vertical;line-height:var(--leading-normal);padding:7px}.ds-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.custom-select{appearance:none;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-field);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;width:100%;height:32px;transition:border-color var(--transition-base), box-shadow var(--transition-base);outline:none;padding:0 30px 0 7px;line-height:1;overflow:hidden}.custom-select:focus-visible{border-color:var(--color-theme);box-shadow:inset 0 0 0 .4px var(--color-theme)}.select-wrap{display:block;position:relative}.select-wrap:after{content:"";pointer-events:none;background:var(--color-text-muted);width:16px;height:16px;-webkit-mask:var(--ds-caret);-webkit-mask:var(--ds-caret);mask:var(--ds-caret);position:absolute;top:50%;right:9px;transform:translateY(-50%)}@supports (appearance:base-select){.custom-select{appearance:base-select}.custom-select::picker(select){appearance:base-select}.custom-select{align-items:center;gap:var(--space-2);padding-right:10px;display:flex}.custom-select:open{border-color:var(--color-theme);box-shadow:inset 0 0 0 .4px var(--color-theme)}.select-wrap:after{display:none}.custom-select::picker-icon{content:"";background:var(--color-text-muted);width:16px;height:16px;transition:transform var(--transition-base);-webkit-mask:var(--ds-caret);-webkit-mask:var(--ds-caret);mask:var(--ds-caret);flex:none;margin-left:auto}.custom-select:open::picker-icon{transform:rotate(180deg)}.custom-select selectedcontent{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.custom-select::picker(select){box-sizing:border-box;background:var(--color-field);border:1px solid var(--color-theme);box-shadow:inset 0 0 0 .4px var(--color-theme), var(--shadow-raised);border-radius:var(--radius-md);position-area:block-end span-inline-start;position-try-fallbacks:flip-block;position-try-order:normal;width:max-content;max-height:320px;min-width:anchor-size(width);scrollbar-color:var(--color-border-strong) var(--color-hover);max-width:90vw;margin:4px 0 0;padding:5px;overflow:hidden auto}.custom-select option{align-items:center;column-gap:var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;background:0 0;grid-template-columns:1fr auto;padding:5px 7px;line-height:1.3;display:grid}.custom-select option:checked{font-weight:var(--weight-medium)}.custom-select option:hover,.custom-select option:focus{background:var(--color-hover)}.custom-select option::checkmark{content:"✓";color:var(--color-text);font-size:var(--text-sm);grid-area:1/2;line-height:1}.custom-select option:not(:checked)::checkmark{visibility:hidden}}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;color:var(--color-text);background:var(--color-bg);font-family:var(--font-sans);font-size:var(--text-sm);overflow:hidden}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.export-canvas{display:none}.topbar{height:60px;padding:0 var(--space-5);align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10;display:flex;position:relative}.brand-lockup{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand-logo{flex:none;width:28px;height:28px}.brand-copy{min-width:0}.brand-lockup h1{font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-text);margin:0}.top-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.stream-control{position:relative}.top-actions .stream-button,.top-actions .record-button{height:30px;padding:0 var(--space-2)}.stream-button.is-live{border-color:var(--color-theme);color:var(--color-theme);background:var(--color-theme-subtle)}.record-button.is-recording{background:var(--color-danger);border-color:var(--color-danger);box-shadow:inset 0 0 0 .4px var(--color-danger), inset 0 1px 0 #ffffff29}.record-button.is-recording:hover:not(:disabled){background:var(--color-danger)}.control-dot{border-radius:var(--radius-full);background:currentColor;flex:none;width:8px;height:8px}.control-icon{flex:none;width:15px;height:15px;display:block}.control-popover{z-index:40;top:calc(100% + var(--space-2));width:320px;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);color:var(--color-text);position:absolute;right:0}.popover-close{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);transition:background var(--transition-base), color var(--transition-base);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid;position:absolute}.popover-close svg{width:14px;height:14px;display:block}.popover-close:hover{background:var(--color-hover);color:var(--color-text)}.popover-close:focus-visible{border-color:var(--color-theme);box-shadow:inset 0 0 0 .4px var(--color-theme);outline:none}.whip-url-field{padding-right:var(--space-6);display:block}.whip-url-field span{margin-bottom:var(--space-2);display:block}.whip-help{margin:var(--space-2) 0 0}.whip-error{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--text-xs);line-height:var(--leading-normal)}.popover-actions{justify-content:flex-end;align-items:center;gap:var(--space-2);margin-top:var(--space-4);display:flex}.control-popover .ds-control,.control-popover .ds-btn{height:28px}.control-popover .ds-control{font-size:var(--text-sm)}.control-popover .popover-actions .ds-btn{padding:0 var(--space-2)}.control-popover .ds-btn--sm{height:26px}.popover-status{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-theme);margin-right:auto;display:flex}.popover-status.is-rec{color:var(--color-danger)}.record-folder-row{justify-content:space-between;align-items:flex-end;gap:var(--space-3);padding-right:var(--space-6);display:flex}.record-folder-copy{min-width:0}.record-folder-copy span{margin-bottom:var(--space-1);display:block}.record-folder-copy strong{font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.workspace{grid-template-columns:280px minmax(560px,1fr) 300px;height:calc(100vh - 60px);display:grid}.left-panel,.right-panel{background:var(--color-surface);overflow-y:auto}.left-panel{border-right:1px solid var(--color-border);flex-direction:column;display:flex}.right-panel{border-left:1px solid var(--color-border)}.panel-section{padding:var(--space-5) var(--space-4);border-bottom:1px solid var(--color-border)}.left-panel .ds-control,.right-panel .ds-control,.left-panel .custom-select,.right-panel .custom-select,.left-panel .ds-btn,.right-panel .ds-btn{font-size:var(--text-sm)}.left-panel input.ds-control,.right-panel input.ds-control,.left-panel .custom-select,.right-panel .custom-select,.left-panel .ds-btn,.right-panel .ds-btn{height:30px}.left-panel .ds-btn--ghost,.right-panel .ds-btn--ghost{height:auto}.left-panel .custom-select option,.right-panel .custom-select option{font-size:var(--text-sm)}.eyebrow{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text);margin:0}.section-heading{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.sources-heading .add-source-control{margin-left:auto}.empty-sources{margin-top:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--leading-normal)}.add-source-control{position:relative}.add-source-trigger{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--color-text-muted);transition:background var(--transition-base), color var(--transition-base);background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.add-source-trigger svg{width:15px;height:15px;display:block}.add-source-trigger:hover:not(:disabled),.add-source-trigger[aria-expanded=true]{background:var(--color-hover);color:var(--color-text)}.add-source-trigger:focus-visible{border-color:var(--color-theme);box-shadow:inset 0 0 0 .4px var(--color-theme);outline:none}.add-source-trigger:disabled{cursor:not-allowed;opacity:.45}.add-source-menu,.source-menu{z-index:20;padding:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-raised);position:absolute}.add-source-menu{top:calc(100% + var(--space-1));min-width:176px;right:0}.source-menu{top:36px;right:var(--space-1);min-width:148px}.add-source-menu button,.source-menu button{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);width:100%;height:32px;color:var(--color-text);text-align:left;font-size:var(--text-sm);transition:background var(--transition-base);background:0 0;border:0;padding:0 7px;display:flex}.add-source-menu button:hover,.source-menu button:hover{background:var(--color-hover)}.source-menu .menu-delete{color:var(--color-danger)}.source-menu .menu-delete:hover{background:var(--color-danger-bg)}.add-source-icon{width:16px;color:var(--color-text-muted);display:flex}.source-menu-trigger,.scene-menu-trigger{top:50%;right:var(--space-2);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-subtle);transition:background var(--transition-base), color var(--transition-base);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;transform:translateY(-50%)}.source-menu-trigger svg,.scene-menu-trigger svg{width:14px;height:14px;display:block}.source-menu-trigger:hover,.scene-menu-trigger:hover{background:var(--color-hover);color:var(--color-text)}.scene-list,.source-list{margin:var(--space-3) calc(var(--space-2) * -1) 0}.scene-item,.source-list-item{position:relative}.scene-apply{width:100%;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-2);border-radius:var(--radius-md);color:var(--color-text);text-align:left;transition:background var(--transition-base), border-color var(--transition-base);background:0 0;border:1px solid #0000;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.scene-item.is-active .scene-apply{background:var(--color-surface-sunken);border-color:var(--color-border)}.scene-apply strong{font-size:var(--text-sm);font-weight:var(--weight-medium)}.scene-apply small{font-size:var(--text-xs);color:var(--color-text-muted)}.source-list-item.is-hidden .source-row{opacity:.5}.source-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-6) var(--space-2) var(--space-2);border-radius:var(--radius-md);color:var(--color-text);text-align:left;transition:background var(--transition-base), border-color var(--transition-base);background:0 0;border:1px solid #0000;display:flex}.source-row.selected{background:var(--color-surface-sunken);border-color:var(--color-border)}.source-row.is-renaming{cursor:default}.source-swatch{width:18px;color:var(--color-text-muted);flex:none;place-items:center;display:grid}.source-icon{width:16px;height:16px;display:block}.add-source-icon .source-icon{width:15px;height:15px}.source-row-copy{flex-direction:column;flex:1;min-width:0;display:flex}.source-name-line{align-items:center;gap:var(--space-2);min-width:0;display:flex}.source-name-line strong{min-width:0;font-size:var(--text-sm);font-weight:var(--weight-regular);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.sidebar-name-input{border:1px solid var(--color-theme);border-radius:var(--radius-sm);background:var(--color-field);width:100%;min-width:0;height:26px;color:var(--color-text);font-size:var(--text-sm);outline:none;padding:0 6px}.source-audio-indicator{flex:none;justify-content:center;align-items:center;gap:2px;width:18px;height:16px;display:flex}.source-audio-indicator i{border-radius:var(--radius-full);background:var(--color-theme);transform-origin:50%;width:2px;height:10px;transition:transform 65ms linear;display:block}.source-audio-indicator svg{width:14px;height:14px}.source-audio-indicator.is-muted{color:var(--color-text-subtle)}.sources-panel{flex:1 0 auto}.sidebar-ad{flex:none;margin-top:auto}.sidebar-ad .eyebrow{margin-bottom:var(--space-3)}.ad-slot{aspect-ratio:1;width:100%}.ad-slot .adsbygoogle{max-width:100%;overflow:hidden}.stage-area{background:var(--color-bg);flex-direction:column;min-width:0;display:flex}.canvas-mat{padding:clamp(var(--space-5), 4vw, var(--space-7));background:var(--color-bg);flex:1;place-items:center;display:grid;overflow:hidden}.canvas-viewport{aspect-ratio:16/9;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs);width:min(100%,177.7vh - 284.32px);box-shadow:var(--shadow-card);position:relative;overflow:hidden;container-type:inline-size}.canvas-scene{transform-origin:0 0;width:1920px;height:1080px;position:absolute}.canvas-viewport.is-recording{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger);animation:1.8s ease-in-out infinite status-pulse}.canvas-viewport.is-live{border-color:var(--color-theme);box-shadow:0 0 0 1px var(--color-theme);animation:1.8s ease-in-out infinite status-pulse}@keyframes status-pulse{50%{box-shadow:none}}@media (prefers-reduced-motion:reduce){.canvas-viewport.is-recording,.canvas-viewport.is-live{animation:none}}.source-box{color:var(--color-text);-webkit-user-select:none;user-select:none;touch-action:none;background:var(--color-surface-sunken);border:2px solid #0000;position:absolute;overflow:visible}.source-box.is-selected{border-color:var(--color-theme)}.source-box.is-unavailable{border-color:var(--color-border-strong);border-style:dashed}.source-box.is-unavailable.is-selected{border-color:var(--color-theme);border-style:solid}.source-box-text{background:0 0}.source-video,.source-image{width:100%;height:100%;position:absolute;inset:0}.source-box>.source-video,.source-box>.source-image,.source-box>.source-text{border-radius:inherit}.source-video{object-fit:cover;z-index:1;background:var(--black);pointer-events:none;display:none}.source-video.visible{display:block}.source-cutout{background:0 0}.source-image{object-fit:contain;pointer-events:none}.source-text{text-align:center;white-space:pre-wrap;font-family:var(--font-sans);font-weight:var(--weight-bold);pointer-events:none;justify-content:center;align-items:center;line-height:1.2;display:flex;position:absolute;inset:0;overflow:hidden}.resize-handle{z-index:6;border:1px solid var(--color-theme);border-radius:var(--radius-full);background:var(--color-surface);width:10px;height:10px;padding:0;position:absolute}.resize-handle-nw{cursor:nwse-resize;top:-6px;left:-6px}.resize-handle-n{cursor:ns-resize;top:-6px;left:50%;transform:translate(-50%)}.resize-handle-ne{cursor:nesw-resize;top:-6px;right:-6px}.resize-handle-e{cursor:ew-resize;top:50%;right:-6px;transform:translateY(-50%)}.resize-handle-se{cursor:nwse-resize;bottom:-6px;right:-6px}.resize-handle-s{cursor:ns-resize;bottom:-6px;left:50%;transform:translate(-50%)}.resize-handle-sw{cursor:nesw-resize;bottom:-6px;left:-6px}.resize-handle-w{cursor:ew-resize;top:50%;left:-6px;transform:translateY(-50%)}.inspector-heading h2{margin:0 0 var(--space-1);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight)}.inspector-type{color:var(--color-text-muted);font-size:var(--text-xs);margin:0}.reset-button{font-size:var(--text-xs)}.properties-grid{gap:var(--space-2) var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.property{align-items:center;gap:var(--space-2);display:flex}.property>span{min-width:14px;font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);flex:none}.property input{text-align:left;flex:1;min-width:0}.property input::-webkit-inner-spin-button{appearance:none}.volume-line{align-items:center;gap:var(--space-3);margin-top:var(--space-4);display:flex}.volume-line input[type=range]{min-width:0;height:18px;accent-color:var(--color-primary);flex:1}.volume-line span{text-align:right;min-width:46px;color:var(--color-text-muted);font-size:var(--text-xs)}.device-selects{gap:var(--space-3);margin-top:var(--space-4);display:grid}.device-select{gap:var(--space-1);flex-direction:column;display:flex}.device-select>span:not(.select-wrap){font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text)}.device-toggles{gap:var(--space-3);margin-top:var(--space-4);display:grid}.device-toggle{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;display:flex}.device-toggle input{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer;margin:0}.device-toggles .device-status{margin:0}.device-actions{gap:var(--space-2);margin-top:var(--space-4);display:grid}.device-actions .ds-btn{width:100%}.device-status{margin:var(--space-3) 0 0}.media-error{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--text-xs);line-height:var(--leading-normal)}.text-content-input{margin-top:var(--space-4);min-height:72px}.color-line{align-items:center;gap:var(--space-3);margin-top:var(--space-4);color:var(--color-text-muted);font-size:var(--text-xs);display:flex}.color-line input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-field);cursor:pointer;width:40px;height:30px;padding:0;overflow:hidden}.background-choices{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.background-choices button,.custom-color,.background-image-clear{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:28px;height:28px;transition:border-color var(--transition-base), transform var(--transition-base);flex:none;padding:0}.background-choices button.active,.custom-color.active{border-color:var(--color-theme);box-shadow:inset 0 0 0 1px var(--color-theme)}.background-choices .background-transparent{background:conic-gradient(var(--color-border-strong) 0 25%, var(--color-field) 0 50%, var(--color-border-strong) 0 75%, var(--color-field) 0) 50% / 10px 10px}.custom-color,.background-image-clear{background:var(--color-field);color:var(--color-text-muted);cursor:pointer;place-items:center;display:grid;position:relative;overflow:hidden}.custom-color input{opacity:0;pointer-events:none;position:absolute}.custom-color svg,.background-image-clear svg{pointer-events:none;width:14px;height:14px;display:block}.app-shell *{scrollbar-color:var(--color-border-strong) transparent}.app-shell ::-webkit-scrollbar{width:10px;height:10px}.app-shell ::-webkit-scrollbar-track{background:0 0}.app-shell ::-webkit-scrollbar-thumb{border:3px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-border-strong)}.app-shell ::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}.about-content{height:100vh;padding:clamp(var(--space-5), 4vw, var(--space-7)) clamp(var(--space-4), 6vw, var(--space-7));background:var(--color-bg);overflow-y:auto}.about-doc{max-width:680px;margin-inline:auto}.about-doc .eyebrow{color:var(--color-text-muted)}.about-doc h2{margin:var(--space-3) 0 var(--space-4);font-size:clamp(var(--text-lg), 3vw, var(--text-2xl));font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.about-doc h3{margin:var(--space-6) 0 var(--space-3);font-size:var(--text-md);font-weight:var(--weight-medium);color:var(--color-text)}.about-doc p{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.about-doc .about-lead{font-size:var(--text-md)}.about-steps{padding-left:var(--space-5);margin:0}.about-steps li{margin-bottom:var(--space-3);color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed)}.about-steps li::marker{color:var(--color-text-muted)}.about-steps strong{color:var(--color-text);font-weight:var(--weight-medium)}@media (width<=1280px){.workspace{grid-template-columns:248px minmax(0,1fr) 268px}.topbar{padding:0 var(--space-4)}}@media (width<=940px){.app-shell{overflow:visible}.topbar{position:sticky;top:0}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"stage stage""sources inspector";height:auto;min-height:calc(100dvh - 60px)}.stage-area{grid-area:stage}.left-panel{border-right:0;border-top:1px solid var(--color-border);grid-area:sources;overflow:visible}.right-panel{border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);grid-area:inspector;overflow:visible}.canvas-mat{padding:clamp(var(--space-3), 4vw, var(--space-5))}.canvas-viewport{width:100%}.sidebar-ad{margin-top:0}.about-content{height:auto;min-height:100vh}}@media (width<=640px){.control-popover{top:70px;left:var(--space-3);right:var(--space-3);width:auto;position:fixed}}@media (width<=520px){.topbar{padding:0 var(--space-3);gap:var(--space-2)}.stream-button span:not(.control-dot):not(.control-icon),.record-button span:not(.control-dot):not(.control-icon){display:none}.ds-btn{padding:0 var(--space-3)}}@media (pointer:coarse){.add-source-trigger,.source-menu-trigger,.scene-menu-trigger{width:34px;height:34px}.source-row,.scene-apply{min-height:44px;padding-right:var(--space-7)}.source-menu button,.add-source-menu button{height:40px}.background-choices button,.custom-color,.background-image-clear{width:34px;height:34px}.ds-btn,.left-panel .ds-btn,.right-panel .ds-btn,.top-actions .stream-button,.top-actions .record-button{height:40px}.ds-btn--sm{height:34px}.left-panel .ds-btn--ghost,.right-panel .ds-btn--ghost{height:auto}input.ds-control,.custom-select,.left-panel input.ds-control,.right-panel input.ds-control,.left-panel .custom-select,.right-panel .custom-select{height:40px}.volume-line input[type=range]{height:30px}}