.app-dialog.app-settings-dialog{width:900px;height:700px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border-radius:26px;border-color:#4b4b4b;background:#212121;font:13px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:dark}.settings-window{--settings-bg:#212121;--settings-panel:#2b2b2b;--settings-card:#2b2b2b;--settings-control:#3b3b3b;--settings-text:#dedede;--settings-secondary:#a4a4a4;--settings-line:#ffffff12;--settings-accent:#416fff;display:grid;grid-template-columns:200px minmax(0,1fr);height:100%;color:var(--settings-text);background:var(--settings-bg)}.settings-window[data-theme=light]{--settings-bg:#f5f5f5;--settings-panel:#eaeaea;--settings-card:#fff;--settings-control:#e6e6e6;--settings-text:#252525;--settings-secondary:#707070;--settings-line:#00000012;color-scheme:light}.settings-window a,.settings-window button,.settings-window input{font:inherit}.settings-window button{cursor:pointer}.settings-window button:disabled{cursor:default;opacity:.4}.settings-window :is(button,a,input,summary):focus-visible{outline:2px solid #7997ff;outline-offset:3px}.app-settings-dialog .settings-window p{color:var(--settings-secondary);font-size:11px;line-height:1.4;margin:0}.settings-window h2,.settings-window h3{margin:0;font-size:13px;font-weight:600}.settings-window strong{font-weight:600}.settings-sidebar{background:var(--settings-panel);border-right:1px solid var(--settings-line);min-height:0;display:flex;flex-direction:column}.settings-sidebar-title{display:flex;gap:12px;align-items:center;height:58px;flex:0 0 58px;border-bottom:1px solid var(--settings-line);padding:0 16px}.settings-icon-tile{width:34px;height:34px;display:grid;place-items:center;background:#416fff15;color:var(--settings-accent);border-radius:9px;flex-shrink:0}.settings-sidebar-title .settings-icon-tile{width:32px;height:32px}.settings-sidebar nav{overflow-y:auto;padding:12px 8px}.settings-sidebar nav button{width:100%;display:flex;gap:5px;align-items:center;min-height:44px;margin-bottom:2px;padding:0 8px;text-align:left;border-radius:10px;color:var(--settings-text);font-weight:500}.settings-sidebar nav button>svg{color:var(--settings-secondary);width:22px;flex-shrink:0}.settings-sidebar nav button:hover{background:var(--settings-line)}.settings-sidebar nav button[aria-current=page]{background:#416fff24;font-weight:600}.settings-sidebar nav button[aria-current=page]>svg{color:var(--settings-accent)}.settings-sidebar nav small{margin-left:auto;font-size:10px;background:var(--settings-line);border-radius:20px;padding:1px 5px;color:var(--settings-secondary)}.settings-main{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.settings-header{display:flex;align-items:center;flex-shrink:0;gap:12px;height:58px;padding:0 24px;border-bottom:1px solid var(--settings-line)}.settings-header h2{margin-bottom:2px}.settings-scroll{flex:1;min-height:0;overflow:auto;padding:16px 24px;display:flex;flex-direction:column;gap:16px;scrollbar-width:auto;scrollbar-color:#999 #ffffff04;scrollbar-gutter:stable}.settings-scroll::-webkit-scrollbar{width:12px}.settings-scroll::-webkit-scrollbar-thumb{background:#999;border-radius:10px;border:1px solid var(--settings-bg)}.settings-scroll>*{flex-shrink:0}.settings-section-heading h3{margin-bottom:3px}.settings-card{border-radius:18px;padding:12px;background:var(--settings-card);border:1px solid #ffffff02}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding:8px}.settings-card>.settings-integration-link,.settings-card>.settings-integration-link+.settings-row,.settings-card>.settings-mcp,.settings-card>.settings-row+.settings-row{border-top:1px solid var(--settings-line)}.settings-row-copy{min-width:0;flex:1}.settings-row-copy strong{font-size:12px;display:block}.settings-row-copy p{margin-top:4px}.settings-row-control{display:flex;align-items:center;flex-shrink:0;gap:8px;max-width:55%}.settings-row-control>span{font-size:11px;color:var(--settings-secondary)}.settings-button,.settings-button-group>button,.settings-row-control>button:not(.settings-switch),.settings-submodal-actions>button{display:inline-flex;justify-content:center;align-items:center;gap:4px;white-space:nowrap;padding:3px 12px;border-radius:6px;background:var(--settings-control);color:var(--settings-text);line-height:1.4;text-decoration:none}.settings-window :is(.settings-button,.settings-button-group>button,.settings-row-control>button:not(.settings-switch)):hover{filter:brightness(1.13)}.settings-switch{position:relative;width:54px;height:23px;border-radius:20px;background:#454545;flex-shrink:0}.settings-switch>span{position:absolute;top:2px;left:2px;width:32px;height:19px;border-radius:20px;background:#e4e4e4;box-shadow:0 1px 3px #0002;transition:transform .12s}.settings-switch[aria-checked=true]{background:var(--settings-accent)}.settings-switch[aria-checked=true]>span{transform:translateX(18px);background:#e8edff}.settings-segments{display:flex;gap:6px}.settings-segments button{min-width:0;flex:1;background:var(--settings-control);color:var(--settings-secondary);border-radius:7px;padding:5px 14px;font-size:12px;font-weight:600}.settings-segments button[aria-pressed=true]{color:#fff;background:var(--settings-accent)}.settings-row-control .settings-segments{min-width:220px}.app-settings-dialog .settings-window .app-select{display:flex;align-items:center;justify-content:space-between;width:auto;min-width:80px;max-width:220px;border:0;border-radius:5px;padding:3px 8px;background:var(--settings-control);color:var(--settings-text);margin:0}.settings-window .app-select>svg{width:12px}.settings-integration-link{display:flex;align-items:center;gap:16px;padding:12px 8px}.settings-integration-link p{flex:1}.settings-mcp{padding:12px 8px 0;display:flex;flex-direction:column;gap:14px}.settings-status{display:flex;align-items:center;gap:8px}.settings-permission-status>i,.settings-status>i{width:8px;height:8px;background:#aaa;border-radius:50%;display:inline-block;flex-shrink:0}.settings-mcp details{font-size:11px;color:var(--settings-secondary)}.settings-mcp summary{cursor:pointer}.settings-mcp details .settings-button-group,.settings-mcp details p{margin-top:10px}.settings-inline{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-inline code,.settings-inline>span{font-size:11px;color:var(--settings-secondary)}.settings-button-group,.settings-footer{display:flex;gap:8px}.settings-footer{height:48px;flex-shrink:0;align-items:center;border-top:1px solid var(--settings-line);padding:0 24px}.settings-done{border-radius:6px;padding:3px 14px;background:var(--settings-accent)!important;color:white!important}.settings-footer>.settings-done{margin-left:auto}.settings-notice{position:absolute;z-index:2;bottom:58px;left:24px;right:24px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;padding:12px 16px;border:1px solid var(--settings-line);border-radius:12px;background:var(--settings-control);box-shadow:0 4px 20px #0004}.settings-folder{display:flex;gap:8px;align-items:center;padding:0 8px 8px}.settings-folder>svg{color:var(--settings-accent)}.settings-folder code,.settings-path{font:11px/1.4 ui-monospace,monospace;color:var(--settings-secondary);overflow-wrap:anywhere}.settings-list-editor{padding:4px 0;display:flex;flex-direction:column;gap:5px}.settings-list-editor>p{margin:3px 0}.settings-text-button{display:inline-flex;align-items:center;gap:5px;font-size:11px!important;color:var(--settings-secondary)}.settings-align-end{align-self:flex-end}.settings-editable-item{display:flex;align-items:center;justify-content:space-between;background:var(--settings-control);border-radius:6px;padding:3px 8px;font-size:12px}.settings-editable-item>button{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:var(--settings-line);color:var(--settings-secondary)}.settings-window input:not([type=range]){width:100%;margin:0;border:1px solid var(--settings-line);padding:5px 8px;border-radius:5px;color:var(--settings-text);background:var(--settings-control)}.settings-window input[type=range]{accent-color:var(--settings-accent);width:220px;padding:0;margin:0;border:none;background:transparent}.settings-list-editor form{margin-top:4px}.settings-list-editor form>button{color:var(--settings-accent)}.settings-warning{padding:12px;background:#ff9f0a15;border-radius:10px}.settings-warning strong{color:#ffad3a;font-size:12px}.settings-card-title{padding:0 8px 8px;border-bottom:1px solid var(--settings-line)}.settings-selected-button{color:var(--settings-accent)!important}.settings-device-online{color:#30d158!important}.settings-section-stack{display:flex;flex-direction:column;gap:16px}.settings-shortcut{min-width:100px;font:13px/1.4 ui-monospace,monospace!important}.settings-permission-status{display:flex;align-items:center;gap:6px}.settings-permission-status>i{background:#ff9f0a}.settings-list-editor ol{padding-left:20px;font-size:12px;color:var(--settings-secondary)}.settings-colors{display:flex;gap:10px}.settings-colors>button{width:20px;height:20px;border-radius:50%;border:1px solid #8885}.settings-colors>button[aria-pressed=true]{outline:2px solid var(--settings-accent);outline-offset:3px}.settings-cursor-preview{height:140px;display:grid;place-items:center}.settings-cursor-preview>*{grid-area:1/1}.settings-spotlight-preview{height:140px;display:flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;font-size:22px}.settings-whiteboard-preview{height:140px;margin-bottom:12px;border-radius:8px}.settings-whiteboard-preview[data-pattern=Dots]{background-image:radial-gradient(#8888 1px,transparent 0)}.settings-whiteboard-preview[data-pattern=Grid]{background-image:linear-gradient(#8884 1px,transparent 0),linear-gradient(90deg,#8884 1px,transparent 0)}.settings-whiteboard-preview[data-pattern=Lines]{background-image:linear-gradient(#8885 1px,transparent 0)}.settings-about{display:flex;align-items:center;gap:12px;padding:4px 0}.settings-about img{border-radius:14px}.settings-about h3{font-size:21px;margin-bottom:4px}.settings-credit,.settings-empty{text-align:center;padding:10px}.settings-submodal{position:fixed;inset:50% auto auto 50%;margin:0;transform:translate(-50%,-50%);color:var(--settings-text);max-height:calc(100dvh - 48px);overflow:auto;width:390px;max-width:100%;border-radius:16px;padding:24px;background:var(--settings-panel);border:1px solid var(--settings-line);box-shadow:0 15px 50px #0005}.settings-submodal h3{font-size:16px;margin-bottom:12px}.settings-submodal p{margin-bottom:16px}.settings-submodal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.settings-submodal-actions .settings-destructive{color:#ff6962}@media (max-width:650px){.app-dialog.app-settings-dialog{max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);border-radius:18px}.settings-window{grid-template-columns:126px minmax(0,1fr)}.settings-sidebar-title{gap:6px;padding:0 8px}.settings-sidebar nav{padding:10px 4px}.settings-sidebar nav button{padding:0 5px;font-size:11px}.settings-sidebar nav button>svg{width:16px}.settings-sidebar nav small{display:none}.settings-header{padding:0 12px}.settings-header p{font-size:9px}.settings-scroll{padding:16px 10px;scrollbar-gutter:auto}.settings-card{padding:8px;border-radius:12px}.settings-row{align-items:flex-start;flex-direction:column;gap:10px;padding:10px 4px}.settings-row-control{max-width:100%}.settings-row-control .settings-segments{min-width:0}.settings-segments button{padding:5px 8px}.settings-window input[type=range]{width:150px}.settings-inline,.settings-integration-link{flex-wrap:wrap}.settings-footer{padding:0 10px;gap:6px}.settings-footer .settings-button{font-size:9px;padding:4px 6px}.settings-footer .settings-done{padding:4px 8px;font-size:11px}.settings-colors{gap:5px;flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.settings-switch>span{transition:none}}.settings-submodal::backdrop{background:#0007;backdrop-filter:blur(2px)}.app-settings-dialog .settings-window .settings-row-copy p{margin-top:4px}.app-settings-dialog .settings-window .settings-submodal p{margin:0 0 16px}.app-course-inspector .app-card-heading{margin-bottom:12px}.app-course-heading-actions .app-course-menu,.app-course-inspector .app-project-row .app-course-menu{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;width:24px;height:24px;min-width:24px;background:transparent;color:#999;font-size:21px;border:0}.app-course-menu>svg{display:none}.app-course-inspector .app-project-row>.app-select:not(.app-course-menu){flex:1;min-width:0;max-width:190px}.app-course-no-selection{flex:1;color:#999;font-size:12px}.app-course-percent{margin-left:auto;padding:2px 6px;border-radius:12px;color:#7899ff;background:#416fff20;font-size:10px;font-weight:600}.app-course-progress progress{display:block;appearance:none;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;background:#454545;accent-color:#416fff}.app-course-progress progress::-webkit-progress-bar{background:#454545;border-radius:10px}.app-course-progress progress::-webkit-progress-value{background:#416fff;border-radius:10px}.app-course-progress progress::-moz-progress-bar{background:#416fff}.app-course-progress-details{display:flex;gap:9px;margin-top:12px;color:#a1a1a1;font-size:10px}.app-course-progress-details>span{display:flex;align-items:center;gap:3px;white-space:nowrap}.app-course-progress-details i{width:5px;height:5px;background:#8f8f8f;border-radius:50%}.app-course-progress-details i[data-status=done]{background:#43cd68}.app-course-progress-details i[data-status=recorded]{background:#4e90ff}.app-course-heading-actions{margin-left:auto;display:flex;align-items:center;gap:3px}.app-course-add{width:24px;height:24px;display:grid;place-items:center;color:#999}.app-course-module{background:#222;border:1px solid #ffffff05;border-radius:9px;padding:6px;margin-top:8px}.app-course-module-header{display:flex;align-items:center;gap:5px;min-height:29px;padding:2px 0}.app-course-module-header>button{display:flex;align-items:center;color:#a0a0a0}.app-course-module-header>.app-course-module-title{flex:1;color:#d5d5d5;font-weight:600;font-size:12px;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-course-count{padding:1px 5px;border-radius:12px;background:#ffffff0a;font-size:10px;color:#999}.app-course-chevron{justify-content:center;width:24px;height:24px;flex-shrink:0}.app-course-chevron[aria-expanded=false] svg{transform:rotate(-90deg)}.app-course-lesson{border-radius:5px;margin:4px 0;padding:2px 4px}.app-course-lesson[data-selected=true]{background:#416fff1a}.app-course-lesson[data-recording=true]{background:#ff45451a}.app-course-lesson-row{display:flex;gap:8px;align-items:center;min-height:29px}.app-course-lesson-row>button{display:flex;align-items:center;justify-content:center;color:#999;min-width:16px}.app-course-lesson-row>.app-course-lesson-title{flex:1;min-width:0;gap:5px;justify-content:flex-start;color:#ccc;font-size:11px;text-align:left}.app-course-lesson-title>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-course-lesson-title>small{border-radius:8px;background:#ffffff0c;padding:1px 4px;font-size:9px}.app-course-lesson-row>.app-course-lesson-status[data-status=done]{color:#43cd68}.app-course-lesson-row>.app-course-lesson-status[data-status=recorded]{color:#4e90ff}.app-course-lesson-row>.app-course-record{color:#ff525d}.app-course-add-lesson{display:flex;align-items:center;justify-content:center;gap:3px;color:#929292;font-size:10px!important;margin:2px auto 0;padding:3px 6px}.app-course-inspector button:hover{filter:brightness(1.2)}.app-course-inspector button:focus-visible{outline:2px solid #718fff;outline-offset:2px}.app-course-editor{display:flex;flex-wrap:wrap;gap:6px;width:100%;padding:5px 0}.app-course-editor input{width:100%;min-width:0;background:#3b3b3b;color:#ddd;border:1px solid #555;border-radius:5px;padding:4px 7px;font-size:12px}.app-course-editor>button{font-size:10px;padding:3px 7px;border-radius:5px;background:#3b3b3b}.app-course-editor>button.app-blue-button{background:#416fff}.app-course-takes{padding:4px 2px 2px 20px}.app-course-takes>button{width:100%;display:flex;align-items:center;gap:5px;padding:5px;font-size:10px;color:#999;border-radius:5px;background:#ffffff04;margin-bottom:4px}.app-course-takes>button>span{margin-left:auto}.app-course-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 12px;text-align:center;color:#999}.app-course-empty strong{font-size:13px;font-weight:500}.app-course-empty p{font-size:11px}.app-course-inline-actions{display:flex;gap:8px;padding:6px;font-size:10px;color:#ccc;background:#353535;border-radius:5px}.app-course-picker{max-height:270px;overflow-y:auto;margin-top:15px}.app-course-picker>div{margin-bottom:14px}.app-course-picker>div>strong{display:block;margin-bottom:6px;font-size:12px}.app-course-picker button{display:flex;gap:8px;align-items:center;text-align:left;width:100%;padding:7px;border-radius:6px;color:#bbb}.app-course-picker button[aria-pressed=true]{background:#416fff30;color:#fff}.studio-demo[data-theme=light] .app-course-module{background:#e7e7e7}.studio-demo[data-theme=light] :is(.app-course-module-title,.app-course-lesson-title){color:#333}.app-course-lesson-row>.app-course-lesson-status{flex-shrink:0;width:18px;height:18px;border-radius:50%;background:#ffffff0d}.app-course-status-empty{width:11px;height:11px;border:1.5px dashed #92929280;border-radius:50%}.app-course-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.app-course-lesson-row>.app-course-lesson-status[data-status=done]{background:#43cd6833}.app-course-lesson-row>.app-course-lesson-status[data-status=recorded]{background:#4e90ff33}.app-course-lesson-row>.app-course-lesson-status[data-status=recording]{color:#ff525d;background:#ff525d33}.studio-demo{position:relative;max-width:min(1240px,calc((100svh - 280px) * 5 / 3));margin:52px auto 0;scroll-margin-top:84px;color:#d8d8da;text-align:left;--app-blue:#416fff;--app-line:#343434}.studio-demo-heading{display:flex;align-items:center;justify-content:space-between;color:#8b8b92;font-size:10px;letter-spacing:.1em;margin-bottom:20px}.studio-demo-heading>span:last-child{letter-spacing:0}.studio-fit{position:relative;width:100%;height:var(--app-height);aspect-ratio:5/3}.studio-scaled-frame{width:var(--app-width,100%);height:var(--app-height,100%)}.studio-scale{width:1500px;height:900px;transform:scale(var(--app-scale,.8));transform-origin:0 0}.studio-workspace{width:1500px;height:900px;display:grid;grid-template-columns:50px 310px minmax(0,1fr) 340px;grid-template-rows:52px 848px;position:relative;font:14px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.studio-workspace:before{content:"";position:absolute;inset:0;border-radius:23px;box-shadow:0 25px 70px #0008,0 0 0 1px #ffffff15;pointer-events:none}.studio-workspace[data-sidebar=false]{grid-template-columns:50px 0 minmax(0,1fr) 340px}.studio-workspace[data-inspector=false]{grid-template-columns:50px 310px minmax(0,1fr) 0}.studio-workspace[data-sidebar=false][data-inspector=false]{grid-template-columns:50px 0 minmax(0,1fr) 0}.studio-workspace[data-inspector=false] .studio-inspector,.studio-workspace[data-sidebar=false] .studio-sources{visibility:hidden}.studio-surface{min-width:0;min-height:0;position:relative}.studio-surface>canvas{display:block;width:100%;height:100%;border-radius:inherit}.studio-surface-content{position:relative;box-sizing:border-box;width:100%;height:100%;border-radius:inherit;background:#212121;overflow:hidden}.app-dialog .app-select,.app-dialog button,.app-dialog input,.app-dialog textarea,.studio-workspace .app-select,.studio-workspace button,.studio-workspace input,.studio-workspace textarea{font:inherit}.studio-demo .app-select,.studio-demo button{cursor:pointer}.studio-demo .app-select:disabled,.studio-demo button:disabled,.studio-demo fieldset:disabled,.studio-demo input:disabled{opacity:.45;cursor:default}.studio-demo .app-select,.studio-demo a,.studio-demo button,.studio-demo input,.studio-demo textarea{-webkit-tap-highlight-color:transparent}.studio-demo :is(button,a,.app-select,input,textarea):focus-visible{outline:2px solid #a2b8ff;outline-offset:2px}.studio-demo svg{flex-shrink:0}.studio-demo button{color:inherit}.studio-demo .app-select{appearance:auto;color-scheme:dark}.studio-toolbar{grid-column:1/-1;border-radius:23px 23px 0 0;z-index:4}.studio-toolbar .studio-surface-content{display:flex;align-items:center;gap:9px;padding:0 14px 0 18px;border:1px solid #393939;border-radius:inherit}.app-traffic-lights{display:flex;gap:8px;margin-right:8px}.app-traffic-lights i{width:14px;height:14px;border-radius:100%;background:#ff5f57}.app-traffic-lights i:nth-child(2){background:#ffbd2e}.app-traffic-lights i:nth-child(3){background:#28c840}.app-toolbar-button,.app-toolbar-select,.app-toolbar-square{height:33px;border:1px solid #3b3b3b;border-radius:9px;background:#2b2b2b;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 10px;color:#b8b8ba;font-size:14px;font-weight:600;box-shadow:inset 0 1px 0 #ffffff04}.app-toolbar-square{width:33px;padding:0}.app-toolbar-select{padding-right:7px}.app-toolbar-select .app-select{background:transparent;border:0;outline-offset:3px;max-width:123px}.app-toolbar-button:hover,.app-toolbar-square:hover{background:#353535}.app-inspector-toggle{margin-left:auto}.app-record-controls{position:absolute;left:50%;top:10px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;border-radius:30px;background:#292929}.app-record-controls>button{display:flex;align-items:center;justify-content:center;min-width:27px;min-height:30px;border-radius:25px}.app-record-controls>button:last-child:not(:first-child){margin-right:8px}.app-record-controls .app-record-button{height:32px;padding:0 13px;background:#e73538;gap:6px;color:white;font-size:14px;font-weight:600}.app-record-button:hover{background:#f04447}.app-record-button i{width:6px;height:6px;border-radius:100%;background:white}.app-time{display:flex;align-items:center;gap:8px;padding-left:12px;min-width:74px;font-variant-numeric:tabular-nums;font-size:14px}.app-time i{width:7px;height:7px;border-radius:100%;background:#f44}.studio-demo[data-recording=paused] .app-time i{background:#d4b572}.studio-rail{grid-column:1;border-radius:0 0 0 23px;z-index:3}.studio-rail .studio-surface-content{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #303030}.app-rail-categories{display:flex;flex-direction:column;gap:4px;padding-top:8px}.app-rail-categories>button{width:50px;height:44px;display:grid;place-items:center;color:#a0a0a0}.app-rail-categories button>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px}.app-rail-categories button[aria-pressed=true]>span{color:white;background:var(--app-blue)}.app-rail-categories button:hover>span{background:#ffffff09}.app-rail-categories button[aria-pressed=true]:hover>span{background:var(--app-blue)}.app-rail-tools{display:flex;flex-direction:column;gap:4px;padding-bottom:5px}.app-rail-tools button{color:#969696;height:44px;display:grid;place-items:center}.app-rail-tools button[aria-pressed=true]{color:#6d97ff;background:#416fff14}.app-rail-tools button:hover{color:#ddd}.studio-sources{grid-column:2;z-index:2}.studio-sources .studio-surface-content{padding:25px 24px;border-right:1px solid #353535;overflow-y:auto;scrollbar-width:thin}.app-source-heading{display:flex;justify-content:space-between;gap:7px;align-items:flex-start;min-height:56px;margin-bottom:14px}.app-source-heading h3{font-size:15px;font-weight:600;color:#d7d7d7;line-height:1.3}.app-source-heading p{color:#909090;font-size:11px;line-height:1.4;margin-top:2px}.app-small-button{display:flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 9px;background:#333;border-radius:5px;font-size:11px!important;line-height:1.2}.app-small-button:hover{background:#404040}.app-source-group-title{display:flex;align-items:center;gap:8px;color:#989898;font-size:12px;font-weight:600;margin:32px 4px 15px}.app-source-group-title small{margin-left:auto;font-size:10px;color:#666;font-weight:400}.app-device-row{position:relative;background:#2b2b2b;border:1px solid #383838;border-radius:11px;padding:11px 34px 11px 11px;margin-bottom:5px;min-height:41px}.app-device-row[data-selected=true]{border-color:#3b4981;background:#252936}.app-device-row>label{display:flex;align-items:flex-start;gap:5px;cursor:pointer;font-size:13px;color:#d9d9da;min-width:0}.app-device-row label>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.app-device-row label small{display:block;font-size:10px;color:#81858e}.studio-demo input[type=checkbox]{appearance:none;flex-shrink:0;position:relative;width:17px;height:17px;border-radius:5px;background:#454545;margin:0;cursor:pointer}.studio-demo input[type=checkbox]:checked{background:var(--app-blue)}.studio-demo input[type=checkbox]:checked:after{content:"";position:absolute;width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(40deg);left:6px;top:2px}.app-device-row label>svg{color:#91949c;margin-top:1px}.app-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:23px;min-height:23px;color:#888!important}.app-icon-button:hover{color:#ddd!important}.app-device-row>.app-icon-button{position:absolute;right:8px;top:9px}.app-disclosure{display:flex;align-items:center;gap:9px;width:100%;padding:14px 13px;border:1px solid #393939;background:#292929;border-radius:10px;margin-top:31px;margin-bottom:9px;color:#b3b3b3!important;font-size:12px!important;text-align:left}.app-disclosure>svg:last-child{margin-left:auto;transform:rotate(-90deg)}.app-disclosure[aria-expanded=true]>svg:last-child{transform:none}.app-meter{display:flex;align-items:center;gap:12px;margin-top:9px;padding-left:17px;margin-right:-22px}.app-meter>span{display:block;height:4px;border-radius:4px;background:#373b47;flex:1;overflow:hidden}.app-meter i{display:block;width:2%;height:100%;background:#bbc5dc}.app-meter small{color:#8e96a7;font-size:10px}.studio-demo[data-animating=true] .app-meter i{animation:app-audio-meter .7s infinite alternate;background:#a3cdb0}@keyframes app-audio-meter{0%{width:12%}to{width:78%}}.app-system-audio{display:flex;align-items:center;gap:8px;background:#2a2a2a;border:1px solid #3a3a3a;padding:9px 12px;border-radius:10px;font-size:13px}.studio-demo input[role=switch]{width:34px;height:19px;border-radius:12px}.studio-demo input[role=switch]:after{content:"";display:block;position:absolute;width:16px;height:15px;top:2px;left:2px;background:#e7e7e7;border:none;border-radius:100%}.studio-demo input[role=switch]:checked:after{width:16px;height:15px;left:16px;top:2px;transform:none}.app-field-label{color:#999;font-size:12px;font-weight:600;margin:21px 0 9px}.app-segments{display:flex;gap:5px}.app-segments button{flex:1;min-height:28px;border-radius:7px;background:#343434;color:#b6b6b6;font-size:12px;padding:3px 7px}.app-segments button[aria-pressed=true]{background:var(--app-blue);color:white}.app-help{color:#929292;font-size:11px;line-height:1.45;margin-top:9px}.app-settings-group{border:1px solid #3a3a3a;background:#292929;border-radius:10px;padding:0 12px}.app-settings-group>label{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;border-bottom:1px solid #363636}.app-settings-group>label:last-child{border:0}.app-settings-group .app-select,.app-settings-group input{border:0;border-radius:5px;background:#3d3d3d;padding:3px 7px;color:#ddd;font-size:12px;max-width:140px}.app-settings-group input{width:57px}.app-settings-group label>span{color:#858585;display:flex;align-items:center;gap:4px;font-size:10px}.studio-preview{grid-column:3;z-index:1}.studio-preview .studio-surface-content{background:#171717}.studio-workspace[data-inspector=false] .studio-preview{border-radius:0 0 23px 0}.app-preview-actions{position:absolute;top:13px;right:16px;z-index:3}.app-preview-actions>label{display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid #343434;border-radius:7px;background:#232323;color:#b6b6b6}.app-preview-actions .app-select{background:transparent;border:none;color:#ccc;font-size:11px;font-weight:500}.app-stage-content{position:absolute;inset:55px 12px 20px;display:flex;align-items:center;justify-content:center;flex-direction:column}.app-live-video{position:relative;width:100%;max-width:1374px;max-height:100%;aspect-ratio:16/9}.app-video-frame{position:absolute;inset:0;background:#25272c;overflow:hidden}.app-standard-preview-label{position:absolute;top:8px;left:8px;z-index:3;border:1px solid #ffffff16;border-radius:7px;background:#171717ed;padding:7px 10px;color:#ddd;font-size:12px}.app-guide-control{position:absolute;bottom:7px;right:7px;background:#171717dc;display:flex;align-items:center;gap:4px;border-radius:15px;padding:5px 9px;color:#aaa;opacity:0;transition:opacity .2s}.app-guide-control:focus-within,.app-live-video:hover .app-guide-control{opacity:1}.app-guide-control .app-select{background:transparent;font-size:10px;max-width:120px}.app-desktop-sample{position:absolute;inset:0}.app-desktop-menubar{position:absolute;inset:0 0 auto;z-index:2;background:#2f3548a8;padding:3px 8px;color:#dbdfe5;font-size:7px;display:flex}.app-desktop-menubar>span{margin-left:auto}.app-desktop-wallpaper{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 130%,#57426e 0,transparent 65%),linear-gradient(155deg,#111e31,#3a536b 50%,#2e3855 0,#596580)}.app-sample-editor{position:absolute;top:12%;left:13%;width:74%;height:73%;border:1px solid #7b81844d;border-radius:7px;background:#232426;box-shadow:0 15px 30px #0005;overflow:hidden}.app-editor-title{display:flex;align-items:center;gap:5px;padding:9px 11px;height:28px;background:#2d2f32}.app-editor-title i{width:6px;height:6px;background:#ff6058;border-radius:100%}.app-editor-title i:nth-child(2){background:#ffbd2e}.app-editor-title i:nth-child(3){background:#28c840}.app-editor-title>span{flex:1;text-align:center;color:#969ca3;font-size:9px;margin-left:-40px}.app-editor-body{display:flex;height:calc(100% - 28px)}.app-editor-body>aside{width:26%;padding:18px 13px;background:#292b2d;color:#888d94;font-size:9px}.app-editor-body aside span{display:block;margin:7px -4px;padding:5px 6px;border-radius:4px}.app-editor-body aside span:first-of-type{background:#4f4834;color:#e1cd9f}.app-editor-body>div{flex:1;padding:17px 25px;color:#c3c5c9}.app-editor-body small{color:#777e84;font-size:7px}.app-editor-body h4{font-size:22px;font-weight:600;color:#eee;margin:15px 0 14px;letter-spacing:-.5px}.app-editor-body p{font-size:12px;color:#ccc;margin-bottom:13px}.app-editor-body ul{list-style:circle;font-size:11px;line-height:2.25;padding-left:16px;color:#b5b7bd}.app-editor-body .app-note-caption{margin-top:18px;color:#797f84;font-size:10px}.app-camera-feed{position:absolute;right:3%;bottom:4%;width:25%;aspect-ratio:4/3;border:2px solid #858995;border-radius:8px;background:#252c36;box-shadow:0 5px 16px #0007;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:#9caac0}.app-camera-feed strong{font-size:9px;font-weight:500}.app-camera-feed small{font-size:8px;color:#79879a}.app-empty-video{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#656d7a;font-size:14px}.app-composition-guide{position:absolute;inset:0;pointer-events:none}.app-composition-guide i{position:absolute;background:#ffffff70}.app-composition-guide i:first-child,.app-composition-guide i:nth-child(2){width:1px;height:100%;left:33.33%}.app-composition-guide i:nth-child(2){left:66.66%}.app-composition-guide i:nth-child(3),.app-composition-guide i:nth-child(4){height:1px;width:100%;top:33.33%}.app-composition-guide i:nth-child(4){top:66.66%}.app-guide-center i:first-child{left:50%}.app-guide-center i:nth-child(3){top:50%}.app-guide-center i:nth-child(2),.app-guide-center i:nth-child(4){display:none}.app-annotation-mark{position:absolute;inset:0;width:100%;height:100%;stroke:#ffc34d;stroke-width:4;fill:none}.app-cursor-halo{position:absolute;top:40%;left:63%;width:50px;height:50px;background:#ffc45066;border:2px solid #ffbd54;border-radius:100%;display:grid;place-items:center;color:#fff}.app-spotlight{position:absolute;inset:0;background:radial-gradient(circle at 60% 43%,transparent 15%,#000b 16%);pointer-events:none}.app-keycaps{position:absolute;left:50%;bottom:18%;transform:translateX(-50%);border:1px solid #ffffff44;background:#202025ec;border-radius:8px;padding:8px 17px;font-size:21px}.app-prompter{position:absolute;top:9%;left:10%;right:10%;background:#000d;border:1px solid #ffffff33;border-radius:8px;padding:13px 19px;text-align:center}.app-prompter span{font-size:8px;color:#84848d;letter-spacing:2px}.app-prompter p{font-size:22px;line-height:1.5;margin-top:7px}.app-stage-composite{justify-content:center}.app-stage-composite .app-live-video{margin:0 0 8px;max-width:920px;flex-shrink:0}.app-composite-controls{width:100%;flex-shrink:0}.app-source-placement{display:flex;align-items:center;gap:8px;background:#2c2c2c;border:.5px solid #ffffff1a;border-radius:6px;min-height:46px;padding:4px 8px}.app-selected-source-label{display:flex;flex:0 1 70px;min-width:64px;gap:5px;align-items:flex-start;color:#aaa;font-size:11px;font-weight:600;line-height:1.15}.app-selected-source-label>span{overflow-wrap:anywhere}.app-source-placement .app-placement-chip{display:flex;flex:0 1 auto;min-width:0;align-items:center;justify-content:center;padding:5px 8px;border-radius:6px;background:#ffffff0f;border:.5px solid #ffffff14;font-size:12px;font-weight:500;color:#ddd;line-height:1.2}.app-placement-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-source-placement .app-placement-chip[aria-pressed=true]{background:var(--app-blue);color:#fff;border-color:transparent}.app-placement-chip:hover{background:#ffffff18}.app-source-placement .app-placement-add,.app-source-presets .app-placement-add{display:flex;align-items:center;justify-content:center;padding:5px 6px;flex:0 0 25px;border-radius:6px;background:#ffffff0f;border:.5px solid #ffffff14}.app-placement-spacer{flex:1 1 16px;min-width:5px}.app-source-menu{display:flex;align-items:center;gap:4px;flex:0 0 70px;min-width:0;color:#ccc;font-size:12px}.app-source-menu .app-select{min-width:0;max-width:100%;flex:1;padding:4px 0;border:0;background:transparent}.app-source-placement .app-source-floating{display:flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;padding:4px 8px;border:.5px solid #ffffff1a;border-radius:100px;background:#ffffff0c;font-size:12px;color:#ddd}.app-source-floating[aria-pressed=true]{background:#416fff26}.app-source-floating:active{transform:scale(.95)}.app-scene-panels{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;height:162px}.app-layer-list,.app-scenes{display:flex;flex-direction:column;background:#222;border:1px solid #333;border-radius:6px;padding:7px;overflow-y:auto}.app-layer-list>strong,.app-scenes>strong{font-size:11px;font-weight:600;color:#a4a4a4;margin-bottom:6px}.app-scenes-list{flex:1;display:flex;flex-direction:column;gap:3px;align-items:stretch}.app-scenes-list>span{margin:10px auto auto;color:#666;font-size:10px}.app-scenes-list button{text-align:left;padding:5px;font-size:12px;border-radius:4px}.app-scenes-list button[aria-pressed=true]{background:#416fff33;color:#7695ff}.app-scenes>div:last-child{display:flex;gap:8px;color:#888;margin-top:4px}.app-scenes>div:last-child button{width:16px;height:16px}.app-layer-list>div{display:flex;align-items:center;gap:5px;padding:5px;border-radius:4px;font-size:11px;color:#aaa}.app-layer-list>div[data-selected=true]{background:#416fff25;color:#6f8dff}.app-layer-list>div>button:first-child{display:flex;align-items:center;gap:5px;flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-idle-state{max-width:650px;width:calc(100% - 110px);margin:auto;padding:15px 0}.app-idle-eyebrow{display:flex;gap:11px;align-items:center;color:#898989;font-size:12px;font-weight:600}.app-idle-state h2{font-size:43px;font-weight:600;letter-spacing:-1px;color:#d4d4d4;margin:11px 0 24px}.app-idle-detail{display:flex;gap:16px;color:#939393;padding:12px 0;border-bottom:1px solid #ffffff07}.app-idle-detail>div>span{display:block;font-size:11px;font-weight:600}.app-idle-detail strong{display:block;font-size:13px;color:#ccc;font-weight:500;margin-top:2px}.app-idle-detail small{display:block;font-size:11px;color:#838383;margin-top:3px}.app-idle-state>button{margin-top:18px}.studio-inspector{grid-column:4;border-radius:0 0 23px 0}.studio-inspector .studio-surface-content{padding:16px;border-left:1px solid #2e2e2e;overflow-y:auto;scrollbar-width:thin}.app-stats{gap:12px;background:#2b2b2b;border:1px solid #393939;padding:10px 12px;border-radius:10px;color:#999;margin-bottom:16px}.app-stats,.app-stats>span{display:flex;align-items:center}.app-stats>span{gap:4px;font-size:11px}.app-inspector-card{padding:12px;background:#2a2a2a;border:1px solid #393939;border-radius:14px;margin-bottom:16px}.app-card-heading{display:flex;align-items:center;gap:7px;color:#999;margin-bottom:15px}.app-card-heading h3{font-size:13px;font-weight:600;color:#d1d1d1}.app-card-heading>small{margin-left:auto;color:#929292;font-size:10px;font-weight:600}.app-card-heading>button{margin-left:auto}.app-project-row{display:flex;align-items:center;gap:9px;margin-bottom:10px}.app-project-row label{font-size:11px;font-weight:600;color:#919191;margin-right:auto}.app-project-row .app-select{background:#3e3e3e;color:#ddd;border:0;border-radius:6px;font-size:13px;height:26px;max-width:180px;padding:1px 9px}.app-folder-path{background:#3a3a3a;border:1px solid #444;width:100%;padding:8px;border-radius:5px;text-align:left;display:flex;align-items:center;gap:4px;font-size:10px!important;color:#999!important}.app-folder-path span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.app-choose-folder{width:100%;display:flex;align-items:center;gap:7px;font-size:11px!important;font-weight:600!important;margin-top:8px;padding:10px;border:1px solid #494949;border-radius:6px;background:#3a3a3a}.app-choose-folder>svg:first-child{color:#5c7eff}.app-choose-folder>svg:last-child{margin-left:auto;color:#6b6b6b;transform:rotate(-90deg)}.app-slate-grid{display:grid;grid-template-columns:1fr 1fr .85fr;gap:8px}.app-slate-grid label,.app-title-field{display:block;color:#929292;font-size:11px;font-weight:600}.app-slate-grid input,.app-title-field input{display:block;width:100%;height:26px;background:#414141;border:1px solid #494949;border-radius:6px;color:#ddd;padding:3px 7px;margin-top:4px;font-size:13px;font-weight:400}.app-filename,.app-title-field{margin-top:10px}.app-filename{display:flex;align-items:center;gap:4px;font-size:9px;color:#737373;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-ready-badge{margin-left:auto;padding:2px 8px;border-radius:15px;color:#5bdb80;background:#275334;font-size:10px;font-weight:600}.app-ready-badge[data-ready=false]{color:#f38181;background:#562d2d}.app-preflight-line{display:flex;align-items:center;gap:6px;font-size:12px;color:#bdbdbd}.app-preflight-dot{border-radius:100%;width:13px;height:13px;display:grid;place-items:center;background:#39c351;color:#244e2a}.app-preflight-dot[data-ready=false]{background:#d95757;color:#fff}.app-recordings-heading{display:flex;align-items:center;gap:8px}.app-recordings-heading strong{font-size:11px;color:#a3a3a3;margin-right:auto;display:flex;align-items:center;gap:6px}.app-recordings-heading strong>span{display:inline-block;padding:1px 5px;background:#3b3b3b;border-radius:6px;font-size:10px}.app-recordings-heading button{display:flex;align-items:center;gap:3px;font-size:11px;color:#a9a9a9}.app-recordings>small{color:#747474;font-size:10px}.app-no-recordings{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:13px;color:#858585}.app-no-recordings>span{font-size:44px;font-weight:300;line-height:1}.app-no-recordings strong{font-size:13px;font-weight:500}.app-no-recordings small{font-size:10px;color:#747474;text-align:center}.app-take-row{border:1px solid #444;border-radius:9px;padding:9px 11px;margin-top:19px;background:#323232}.app-take-row>div{display:flex;justify-content:space-between;align-items:center}.app-take-row strong{font-size:12px;font-weight:600}.app-take-row>span{display:flex;gap:7px;align-items:center;margin-top:9px;font-size:10px;color:#838383}.app-blue-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;color:white!important;background:var(--app-blue,#416fff);padding:5px 10px;border:0;border-radius:6px;font-size:12px}.app-blue-button:hover{background:#527dff}.app-take-row .app-blue-button{border-radius:20px;font-size:10px;padding:4px 9px}.app-marker-row{display:flex;gap:10px;padding:5px 0;font-size:12px;color:#839dfd}.app-marker-row span{color:#999}.studio-demo-controls{gap:15px;margin-top:28px}.studio-demo-controls,.studio-zoom-button{display:flex;justify-content:center;align-items:center}.studio-zoom-button{gap:6px;min-height:36px;padding:7px 13px;font-size:11px;border-radius:6px;color:#97928a!important;background:#ffffff05;border:1px solid #ffffff15}.studio-demo-controls>span{font-size:10px;color:#87827a}.studio-demo-disclaimer{text-align:center;color:#79767b;font-size:10px;line-height:1.6;margin-top:16px}.studio-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.studio-demo[data-zoomed=true]{width:min(1440px,calc(100vw - 32px),calc((100svh - 240px) * 5 / 3));max-width:none;margin-inline:0;left:50%;translate:-50% 0}.app-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);margin:0;padding:22px;border:1px solid #4b4b4b;border-radius:15px;background:#292929;color:#d2d2d2;box-shadow:0 20px 80px #0009;overflow-y:auto;font:13px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-dialog::backdrop{background:#0006;backdrop-filter:blur(2px)}.app-dialog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.app-dialog-header h2{font-size:17px;font-weight:600}.app-dialog-header button{padding:5px;border-radius:6px;color:#aaa}.app-dialog-header button:hover{background:#ffffff12}.app-dialog p{color:#aaa;font-size:12px;margin:12px 0 18px}.app-dialog label{display:block;color:#bdbdbd;margin:16px 0}.app-dialog .app-select,.app-dialog input,.app-dialog textarea{display:block;width:100%;padding:8px;border:1px solid #555;border-radius:6px;background:#383838;color:#eee;margin-top:7px}.app-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:20px}.app-dialog-footer>button:first-child{padding:5px 12px;background:#444;border-radius:5px}.app-diagnostics{display:flex;align-items:center;flex-direction:column;gap:10px;padding:15px;color:#aaa}.app-diagnostics strong{color:#ddd;font-size:15px}.app-session-list-item{width:100%;display:flex;gap:10px;align-items:center;padding:12px;border:1px solid #444;border-radius:8px;margin:7px 0;background:#323232;text-align:left}.app-session-list-item>span{flex:1}.app-session-list-item small{display:block;color:#999;font-size:11px}.app-export-files{border:1px solid #414141;border-radius:8px;padding:5px 12px}.app-export-files>div{display:flex;align-items:center;gap:7px;padding:10px 0;font-size:11px}.app-export-files>div>svg:last-child{margin-left:auto;color:#87b594}@media (max-width:700px){.studio-demo{margin-top:32px}.studio-demo-heading{font-size:8px;letter-spacing:.05em;margin-bottom:13px}.studio-demo-heading>span:last-child{display:none}.studio-demo-controls{flex-wrap:wrap;gap:8px;margin-top:18px}.studio-zoom-button{min-height:40px;padding-inline:10px;font-size:10px}.studio-demo-controls>span{width:100%;text-align:center;font-size:10px;margin-top:4px}.studio-demo-disclaimer{font-size:9px;padding-inline:12px}}@media (prefers-reduced-motion:reduce){.studio-demo[data-animating=true] .app-meter i{animation:none}}.app-desktop-sample:not([data-position="Full Screen"]){inset:auto 3% 4% auto;width:35%;height:35%;overflow:hidden;border:1px solid #89929b;border-radius:7px}.app-camera-feed[data-position="Bottom Left"],.app-desktop-sample[data-position="Bottom Left"]{inset:auto auto 4% 3%}.app-camera-feed[data-position="Top Left"],.app-desktop-sample[data-position="Top Left"]{inset:5% auto auto 3%}.app-camera-feed[data-position="Top Right"],.app-desktop-sample[data-position="Top Right"]{inset:5% 3% auto auto}.app-camera-feed[data-size=Small]{width:17%}.app-camera-feed[data-size=Medium]{width:22%}.app-camera-feed[data-position="Full Screen"]{inset:0;width:100%;height:100%;border-radius:0}.app-video-frame[data-mode=Standard]:not([data-source-count="1"]){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-content:center;background:#171717}.app-video-frame[data-mode=Standard]:not([data-source-count="1"])>:is(.app-desktop-sample,.app-camera-feed){position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;border-radius:8px;overflow:hidden}.app-video-frame[data-mode=Standard]:not([data-source-count="1"]) .app-empty-video{display:none}.app-source-presets{display:flex;gap:5px;padding:7px 0 0}.app-source-presets button{border:1px solid #444;border-radius:5px;padding:5px 9px;font-size:11px;background:#303030}.app-source-placement button[aria-label="Save source preset"]{flex:0 0 25px}.app-video-frame[data-mode=Composite]>:is(.app-desktop-sample,.app-camera-feed):not([data-position="Full Screen"]){width:33%;height:auto;aspect-ratio:16/9}.app-video-frame[data-mode=Composite]>[data-size="Extra Small"]:not([data-position="Full Screen"]){width:15%}.app-video-frame[data-mode=Composite]>[data-size=Small]:not([data-position="Full Screen"]){width:20%}.app-video-frame[data-mode=Composite]>[data-size=Medium]:not([data-position="Full Screen"]){width:25%}.app-video-frame[data-mode=Composite]>[data-snap=true][data-position="Bottom Right"]{right:0;bottom:0}.app-video-frame[data-mode=Composite]>[data-snap=true][data-position="Bottom Left"]{left:0;bottom:0}.app-video-frame[data-mode=Composite]>[data-snap=true][data-position="Top Right"]{right:0;top:0}.app-video-frame[data-mode=Composite]>[data-snap=true][data-position="Top Left"]{left:0;top:0}.app-video-frame>[data-style=Default]{border-radius:16px;border:1px solid #ffffff50;box-shadow:0 8px 20px #0008}.app-video-frame>[data-style="Clean Circle"]{clip-path:circle(48% at center);border:0}.app-video-frame>[data-style=Bordered]{border:5px solid #eee;border-radius:12px}.app-video-frame>[data-style="No Effects"]{border:0;border-radius:0;box-shadow:none}.app-select{display:inline-flex;align-items:center;justify-content:space-between;gap:5px;text-align:left;min-width:0;cursor:pointer;color:inherit}.app-select>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-select>svg{flex-shrink:0}.app-select-menu{position:fixed;margin:0;padding:5px;border:1px solid #ffffff32;border-radius:7px;color:#e8e8e8;background:#303030f5;backdrop-filter:blur(20px);box-shadow:0 8px 24px #0008;transform-origin:top left;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow-y:auto;font:13px/1.35 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-select-menu::backdrop{background:transparent}.app-select-menu button{display:flex;align-items:center;gap:5px;width:100%;min-height:25px;padding:3px 7px 3px 2px;text-align:left;border:0;border-radius:4px;background:none;font:inherit;color:inherit;cursor:pointer}.app-select-menu button:focus,.app-select-menu button:hover{background:#3478f6;color:white;outline:none}.app-select-menu button:disabled{opacity:.4;cursor:default}.app-select-check{display:inline-flex;justify-content:center;width:15px;flex-shrink:0}.app-select-group{padding:5px 7px 3px 21px;font-size:11px;font-weight:600;color:#a3a3a3}.app-select-menu hr{border:0;border-top:1px solid #ffffff20;margin:5px 4px}.app-source-mic{display:flex;align-items:center;gap:5px;margin:7px -23px -3px 24px;color:#93959d;font-size:10px}.app-source-mic .app-select{flex:1;border-radius:4px;padding:2px 6px;background:#ffffff10;font-size:10px;color:#bbb}.app-video-frame[data-mode=Standard]{border-radius:10px}.studio-demo[data-reduce-motion=true] *,.studio-demo[data-reduce-motion=true] :after,.studio-demo[data-reduce-motion=true] :before{animation:none!important;transition:none!important}.studio-demo[data-card-size=Small] .app-stage-content:not(.app-stage-composite) .app-live-video{width:56%}.studio-demo[data-card-size=Medium] .app-stage-content:not(.app-stage-composite) .app-live-video{width:76%}.studio-demo[data-highlight-display=true] .app-device-row:has(input:checked):hover{outline:2px solid var(--app-blue)}.studio-demo[data-theme=light] .studio-workspace{color:#292929;--app-line:#d3d3d3}.studio-demo[data-theme=light] .studio-surface-content{background:#eeeeee;color:#292929}.studio-demo[data-theme=light] .studio-preview .studio-surface-content{background:#e2e2e2}.studio-demo[data-theme=light] :is(.app-device-row,.app-inspector-card,.app-stats,.app-source-placement,.app-scenes,.app-sources-list){background:#f5f5f5;color:#333;border-color:#d0d0d0}.studio-demo[data-theme=light] :is(.app-toolbar-button,.app-toolbar-square,.app-toolbar-select,.app-preview-actions label){background:#e2e2e2;border-color:#cecece;color:#333}.studio-demo[data-theme=light] :is(.app-source-heading,.app-panel-header h3,.app-card-heading,.app-toolbar-select .app-select){color:#333}