@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#eceef0;font-synthesis:none;--muted:#777b86;--line:#2a2c31;--green:#c5f473;--panel:#191a1e;background:#101113;font-family:DM Sans,sans-serif;font-size:17px}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button,a{transition:background .18s,color .18s,border-color .18s}button{color:inherit}button:disabled,select:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:4px}svg{flex-shrink:0;width:19px;height:19px}button{background:0 0;border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.sidebar{border-right:1px solid var(--line);background:#141518;flex-direction:column;width:235px;padding:35px 20px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.7px;align-items:center;gap:11px;padding:0 8px;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex}.brand-mark{background:var(--green);color:#182018;border-radius:12px;place-items:center;width:38px;height:42px;display:grid;transform:rotate(-5deg)}.brand-mark svg{width:25px;height:25px;transform:rotate(5deg)}.brand-sub{letter-spacing:5.6px;margin-top:1px;font-size:13px;font-weight:650;display:block}.workspace-label{color:#6d717c;letter-spacing:1.7px;margin:49px 12px 15px;font-size:12px;font-weight:600}nav{gap:7px;display:grid}.nav-item{text-align:left;color:#969aa5;border-radius:7px;align-items:center;gap:12px;width:100%;padding:13px 12px;font-size:16px;font-weight:500;display:flex}.nav-item.active{color:var(--green);background:#252b20}.nav-item:hover{background:#24262b}.nav-dot{background:var(--green);border-radius:50%;width:6px;height:6px;margin-left:auto}.nav-item:not(.active) .nav-dot{display:none}.count{color:#9a9eaa;background:#292b31;border-radius:5px;margin-left:auto;padding:1px 6px;font-size:13px}.sidebar-bottom{margin-top:auto}.local-card{background:linear-gradient(120deg,#20241c,#191b19);border:1px solid #2b2e29;border-radius:10px;margin-bottom:19px;padding:16px 13px}.local-icon{color:var(--green);margin-bottom:11px;display:block}.local-icon svg{border:1px solid #4e6535;border-radius:50%;width:25px;height:25px;padding:3px}.local-card strong{font-size:13px;font-weight:600;display:block}.local-card p{color:#898e83;margin:7px 0 13px;font-size:13px;line-height:1.8}.local-tag{color:#bbd69b;align-items:center;gap:6px;font-size:12px;display:flex}.local-tag i,.saved i,.ready-badge i,.profile-dot,.stage-pill i{background:var(--green);border-radius:50%;width:5px;height:5px;display:inline-block}.help-button{color:#91959e;align-items:center;gap:10px;width:100%;padding:13px 9px 23px;font-size:14px;display:flex}.help-button span{margin-left:auto}.profile{border-top:1px solid var(--line);align-items:center;gap:11px;padding:20px 3px;display:flex}.avatar{color:#d1e6bc;background:#30362a;border:1px solid #424a38;border-radius:50%;place-items:center;width:33px;height:33px;font-size:13px;display:grid}.profile strong{font-size:13px;font-weight:500;display:block}.profile small{color:#6e737e;margin-top:4px;font-size:12px;display:block}.profile-dot{width:6px;height:6px;margin-left:auto}.main-shell{margin-left:235px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:73px;padding:0 36px;display:flex}.breadcrumbs{color:#777b85;align-items:center;gap:13px;font-size:14px;display:flex}.breadcrumbs svg{color:#50545e;width:12px;height:12px}.breadcrumbs strong{color:#d7d9de;font-weight:500}.header-right{align-items:center;gap:19px;display:flex}.saved{color:#858b87;align-items:center;gap:7px;font-size:13px;display:flex}.saved i{background:#88ad66;width:4px;height:4px}.header-divider{background:var(--line);width:1px;height:15px}.version{color:#666c76;font-size:13px}main{max-width:1600px;margin:auto;padding:37px 36px 0}.page-heading{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.eyebrow{color:#8c927f;letter-spacing:1.7px;margin-bottom:11px;font-size:12px;font-weight:600}h1{letter-spacing:-1.2px;margin:0;font-family:Manrope,sans-serif;font-size:30px;font-weight:750;line-height:1.3}h1 span{color:var(--green)}.page-heading p{color:#838792;margin:9px 0 0;font-size:14px}.ready-badge{color:#a8bc91;background:#1d2519;border:1px solid #35412a;border-radius:30px;align-items:center;gap:7px;padding:8px 11px;font-size:13px;display:flex}.ready-badge i{width:5px;height:5px}.studio-layout{grid-template-columns:minmax(0,1fr) 316px;gap:23px;display:grid}.panel{border:1px solid var(--line);background:var(--panel);border-radius:11px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:55px;padding:0 18px;display:flex}.panel-title{align-items:center;gap:9px;font-size:16px;font-weight:500;display:flex}.panel-title>svg{color:#999da6;width:16px;height:16px}.live-label{letter-spacing:1px;color:#8b9196;background:#232529;border:1px solid #34363c;border-radius:4px;align-items:center;gap:5px;margin-left:5px;padding:4px 6px;font-size:12px;display:flex}.live-label i{background:#9fa59b;border-radius:50%;width:4px;height:4px}.icon-button{color:#888d98;place-items:center;padding:5px;display:grid}.icon-button:hover{color:var(--green)}.icon-button svg{width:16px;height:16px}.camera-stage{aspect-ratio:16/10;background:radial-gradient(#212622 0%,#151918 48%,#101313 100%);border:1px solid #2a302b;border-radius:7px;min-height:320px;margin:12px;position:relative;overflow:hidden}.camera-stage video{-o-object-fit:contain;object-fit:contain;background:#101313;width:100%;height:100%;position:absolute;transform:scaleX(-1)}.stage-grid{opacity:.16;pointer-events:none;background-image:linear-gradient(#5c665a 1px,#0000 1px),linear-gradient(90deg,#5c665a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 75%);mask-image:radial-gradient(#000,#0000 75%)}.connected .stage-grid{display:none}.stage-top,.stage-bottom{z-index:3;justify-content:space-between;align-items:center;display:flex;position:absolute;left:16px;right:16px}.stage-top{top:15px}.stage-bottom{bottom:13px}.stage-pill{color:#aeb5ac;background:#151916bb;border:1px solid #343a34;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;display:flex}.stage-pill i{background:#696f67;width:4px;height:4px}.connected .stage-pill i{background:var(--green)}.stage-pill b{color:#5c665c;font-weight:400}.stage-note{letter-spacing:2px;color:#59625c;font-size:12px}.camera-empty{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex;position:absolute;inset:0}.camera-orbit{border:1px solid #30392c;border-radius:50%;place-items:center;width:100px;height:100px;margin-bottom:13px;display:grid;box-shadow:0 0 0 13px #657e3520,0 0 60px #afdd5a09}.camera-orbit>div{color:#c5ef89;background:linear-gradient(145deg,#303d27,#242d21);border:1px solid #46583a;border-radius:20px;place-items:center;width:69px;height:69px;display:grid}.camera-orbit svg{width:31px;height:31px}.camera-empty h2{letter-spacing:-.7px;margin:8px 0;font-family:Manrope,sans-serif;font-size:23px;font-weight:650}.camera-empty p{text-align:center;color:#8a938a;margin:0 0 18px;font-size:14px;line-height:1.8}.primary{background:var(--green);color:#182311;border:1px solid #c5f473;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:650;display:inline-flex}.primary:hover{background:#d6ff9c}.primary svg{width:16px;height:16px}.camera-empty small{color:#6b756c;align-items:center;gap:5px;margin-top:13px;font-size:12px;display:flex}.camera-empty small svg{width:11px;height:11px}.preview-toolbar{justify-content:space-between;align-items:center;height:53px;padding:0 18px 10px;display:flex}.device-toggles{align-items:center;gap:16px;display:flex}.tool-button{color:#9b9fa8;align-items:center;gap:7px;padding:5px 0;font-size:13px;display:flex}.tool-button svg{width:16px;height:16px}.tool-button i{background:#555b62;border-radius:50%;width:4px;height:4px;margin-left:1px}.device-on i{background:var(--green)}.toolbar-separator{background:var(--line);width:1px;height:18px}.audio-meter{align-items:center;gap:9px;display:flex}.audio-meter>span{align-items:center;gap:3px;display:flex}.audio-meter i{background:#363d32;border-radius:1px;width:3px;height:11px;display:block}.audio-meter i:nth-child(3n){height:17px}.audio-meter i:nth-child(4n){height:14px}.audio-meter i.lit{background:var(--green)}.audio-meter small{letter-spacing:1px;color:#6f7680;font-size:12px}.recording-panel{justify-content:space-between;align-items:center;gap:8px;margin-top:16px;padding:19px 18px;display:flex}.recording-panel>div:first-child{align-items:center;gap:12px;display:flex}.recording-icon{background:#2c2424;border:1px solid #3c3333;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.recording-icon i{border:2px solid #df8d82;border-radius:50%;width:11px;height:11px}h3{margin:0;font-size:16px;font-weight:550}.recording-panel p{color:#7f838e;margin:5px 0 0;font-size:12px}.record-actions{align-items:center;gap:17px;display:flex}#timer{font-variant-numeric:tabular-nums;letter-spacing:1px;color:#7a7f88;font-size:17px}#timer.running{color:#ff9c8a}.record-button{white-space:nowrap;padding:11px 13px;font-size:13px}.record-dot{background:#27371c;border-radius:50%;width:8px;height:8px}.stop-dot{background:#3d1915;border-radius:2px;width:9px;height:9px}.is-recording{background:#ff9d8b;border-color:#ff9d8b}.privacy-note{color:#6c727c;justify-content:center;align-items:center;gap:6px;margin:14px 0 25px;font-size:12px;display:flex}.privacy-note svg{color:#819575;width:12px;height:12px}.quick-tips{background:#17191b;border:1px solid #292b2d;border-radius:8px;align-items:center;gap:11px;padding:17px 15px;display:flex}.tip-icon{color:#b2c595;font-size:24px}.quick-tips strong{color:#adb2bb;font-size:13px;font-weight:500}.quick-tips p{color:#6e747e;margin:5px 0 0;font-size:12px}.tip-number{letter-spacing:1px;color:#727b6a;white-space:nowrap;margin-left:auto;font-size:12px}.switch{width:29px;height:17px;display:block;position:relative}.switch input{opacity:0;position:absolute}.switch span{cursor:pointer;background:#41454b;border-radius:20px;position:absolute;inset:0}.switch span:before{content:"";background:#171c13;border-radius:50%;width:11px;height:11px;transition:transform .2s;position:absolute;top:3px;left:3px}.switch input:checked+span{background:var(--green)}.switch input:checked+span:before{transform:translate(12px)}.switch input:focus-visible+span{outline-offset:3px;outline:2px solid #fff}.prompter-content{padding:17px}.field-title{justify-content:space-between;margin-bottom:10px;font-size:13px;display:flex}.field-title span{color:#777d87;font-size:12px}textarea{resize:vertical;color:#afb3bd;scrollbar-width:thin;scrollbar-color:#3d4146 transparent;background:#121416;border:1px solid #303239;border-radius:6px;width:100%;height:170px;padding:12px;font-size:14px;line-height:1.9}.script-footer{color:#636a74;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.script-footer button{color:#999f87;padding:0;font-size:12px}.range-field{margin-top:23px}.range-field>div:first-child{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.range-field>div:first-child>span{color:#c9e6a2;background:#252a20;border:1px solid #36412d;border-radius:4px;padding:4px 7px;font-size:13px}.range-field b{font-weight:500}.range-field small{color:#7d8b6d;font-size:12px}input[type=range]{accent-color:var(--green);cursor:pointer;width:100%;height:3px;margin:9px 0 12px;display:block}.range-labels{color:#626975;justify-content:space-between;font-size:12px;display:flex}.font-field{margin-top:18px}.font-field>div:first-child>span{color:#b7bcc5;background:#23252a;border-color:#34373d}.font-slider{align-items:center;gap:12px;display:flex}.font-slider>span{color:#6d737f;font-size:14px}.font-slider>strong{color:#a9afb8;font-size:22px;font-weight:500}.prompter-actions{gap:8px;margin-top:18px;display:flex}.secondary{color:#c2d6ab;background:#262c22;border:1px solid #3a3e35;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:inline-flex}.secondary:hover{background:#333d2c}.secondary svg{width:14px;height:14px}.prompter-actions>button:first-child{flex:1}.square{color:#9ca2ae;background:#222429;border-color:#34373d;width:36px;padding:8px}.keyboard-hint{text-align:center;color:#626976;margin:12px 0 0;font-size:12px}kbd{color:#a4a9b3;background:#25272d;border:1px solid #35383e;border-bottom-width:2px;border-radius:3px;margin-right:3px;padding:1px 4px;font-family:inherit;font-size:12px}.settings-content{padding:16px 17px 18px}.settings-content label{color:#9a9faa;margin-bottom:7px;font-size:12px;display:block}.select-wrap{margin-bottom:13px;position:relative}.select-wrap svg{color:#7d838d;pointer-events:none;width:14px;height:14px;position:absolute;top:10px;left:11px}select{color:#b9bdc7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#202227;border:1px solid #34363e;border-radius:5px;width:100%;height:35px;padding:0 8px;font-size:13px}.select-wrap select{padding-left:33px}.settings-row{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.settings-panel{transition:border-color .3s}.settings-panel.highlight{border-color:var(--green)}footer{color:#5c626b;justify-content:space-between;padding:26px 0 22px;font-size:12px;display:flex}footer b{color:#738560;margin:0 7px;font-weight:400}.prompter-overlay{z-index:2;pointer-events:none;background:#0008;border-radius:8px;height:33.3333%;padding:24px clamp(14px,8%,80px) 0;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}#scroll-text{text-align:center;white-space:pre-wrap;text-shadow:0 2px 5px #000;font-size:28px;line-height:1.6}.camera-stage:fullscreen{aspect-ratio:auto;width:100%;height:100%;margin:0}.recordings-list{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:20px;display:grid}.empty-recordings{text-align:center;color:#a4ab96;padding:60px 25px}.empty-recordings>svg{width:45px;height:45px;margin-bottom:20px}.empty-recordings h2{font-size:20px}.empty-recordings p{color:var(--muted)}.recording-card video{background:#000;width:100%;max-height:300px}.recording-card p{color:var(--muted);font-size:14px}.recording-card a{margin-top:8px}#toast{color:#deedcb;opacity:0;pointer-events:none;z-index:20;text-align:center;background:#242e1f;border:1px solid #52633d;border-radius:9px;max-width:90vw;padding:14px 22px;transition:all .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);box-shadow:0 10px 40px #0008}#toast.show{opacity:1;transform:translate(-50%)}dialog{color:#e4e9dd;background:#1c1f21;border:1px solid #414936;border-radius:12px;max-width:500px;padding:30px;line-height:1.8}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000b}dialog>.icon-button{float:right}dialog h2{font-size:20px}dialog p{color:#b0b7ab;font-size:16px}dialog small{color:#87917f;font-size:14px}@media (width>=1500px){.camera-stage{aspect-ratio:16/9}.studio-layout{grid-template-columns:minmax(0,1fr) 350px}textarea{height:210px}}@media (width<=1200px){.sidebar{width:205px;padding-left:14px;padding-right:14px}.main-shell{margin-left:205px}main{padding:28px 24px 0}header{padding:0 24px}.studio-layout{grid-template-columns:minmax(0,1fr) 290px;gap:16px}.recording-panel{flex-wrap:wrap;gap:17px}.record-actions{justify-content:space-between;width:100%}.quick-tips{align-items:flex-start}.tip-number{display:none}.camera-stage{min-height:350px}.camera-empty small{font-size:12px}.ready-badge{display:none}h1{font-size:27px}}@media (width<=960px){.sidebar{width:76px;padding:25px 12px}.brand{justify-content:center;padding:0}.brand>span:last-child,.workspace-label,.nav-item>span,.sidebar-bottom{display:none}nav{margin-top:45px}.nav-item{justify-content:center;padding:13px}.main-shell{margin-left:76px}.studio-layout{grid-template-columns:minmax(0,1fr) 280px}.camera-empty h2{font-size:21px}.camera-orbit{width:80px;height:80px}.audio-meter{display:none}.page-heading p{font-size:13px}.preview-toolbar{justify-content:center}.camera-stage{margin:9px}.stage-top,.stage-bottom{left:9px;right:9px}.stage-pill{padding:5px;font-size:12px}.stage-note{font-size:12px}}@media (width<=760px){.studio-layout{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}main{padding:25px 18px 0}.camera-stage{aspect-ratio:16/10;min-height:320px}.recording-panel{flex-wrap:nowrap}.record-actions{width:auto}.recording-panel p{max-width:150px;line-height:1.5}.record-actions{gap:10px}#timer{font-size:14px}.camera-orbit{width:85px;height:85px}header{height:62px;padding:0 18px}.page-heading{margin-bottom:22px}.quick-tips{margin-bottom:8px}.settings-content{padding:14px 12px}.panel-heading{padding:0 13px}.settings-row{grid-template-columns:1fr}.record-button{padding:11px;font-size:12px}.right-column .panel-title{font-size:14px}.eyebrow{font-size:12px}footer>span:last-child{display:none}}@media (width<=500px){.sidebar{width:58px;padding:24px 7px}.brand-mark{border-radius:10px;width:33px;height:36px}.brand-mark svg{width:23px}.nav-item{padding:12px 10px}.nav-item svg{width:17px}.main-shell{margin-left:58px}main{padding:23px 12px 0}header{padding:0 12px}.saved{font-size:12px}.header-right{gap:9px}.version,.header-divider{display:none}h1{font-size:23px}.page-heading p{max-width:260px;font-size:13px;line-height:1.7}.eyebrow{letter-spacing:1px;font-size:12px}.right-column{display:flex}.camera-stage{min-height:310px}.stage-note{display:none}.recording-panel{flex-wrap:wrap;padding:15px}.record-actions{width:100%}.recording-panel p{max-width:none}.privacy-note,.quick-tips strong{font-size:12px}.quick-tips p{line-height:1.7}.settings-row{grid-template-columns:1.3fr 1fr}.camera-empty small,.live-label{font-size:12px}.panel-title{font-size:13px}.stage-top .stage-pill{font-size:12px}.camera-orbit{width:70px;height:70px}.camera-orbit>div{border-radius:16px;width:53px;height:53px}.camera-empty h2{font-size:20px}.camera-empty p,.camera-empty .primary{font-size:13px}.recordings-list{grid-template-columns:1fr}}.prompter-description,.device-hint{color:#9ba494;margin:0 0 12px;font-size:13px;line-height:1.7}.refresh-devices{width:100%;margin-bottom:10px}.connected.prompter-visible .stage-top{top:calc(33.3333% + 10px)}.prompter-overlay #scroll-text{line-height:1.5}.prompter-overlay{border-bottom:1px solid #c5f47333}.camera-empty{z-index:3}.camera-stage:not(.connected) .prompter-overlay{opacity:.3}.toggle-prompter{width:100%;margin-bottom:14px;padding:11px;font-size:14px}.toggle-prompter[aria-pressed=true]{color:#d7f4b5;border-color:#637c44}:root{font-size:16px}.studio-layout{grid-template-columns:minmax(0,1fr) 350px}.panel-heading{gap:12px;height:auto;min-height:60px;padding-top:12px;padding-bottom:12px}.panel-title{flex-wrap:wrap}.nav-item{gap:9px;padding-left:9px;padding-right:9px}.settings-content label{line-height:1.5}select{height:44px;padding-right:6px}.select-wrap svg{top:15px}.settings-row{grid-template-columns:1fr}.primary,.secondary{min-height:44px;line-height:1.45}.recording-panel{flex-wrap:wrap;gap:18px}.record-actions{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%}.preview-toolbar{flex-wrap:wrap;gap:14px;height:auto;min-height:60px;padding-top:8px}.camera-stage{min-height:400px}.camera-empty small{text-align:center;max-width:90%;line-height:1.6}.quick-tips{flex-wrap:wrap;align-items:flex-start}.tip-number{display:none}.field-title,.script-footer{flex-wrap:wrap;gap:10px}.field-title{line-height:1.5}.range-field>div:first-child{gap:12px;line-height:1.5}.prompter-actions{flex-wrap:wrap}.prompter-actions .square{min-width:44px}.keyboard-hint{line-height:1.8}.privacy-note{text-align:center;align-items:flex-start;line-height:1.7}.prompter-description,.device-hint{line-height:1.7}header{flex-wrap:wrap;gap:16px;height:auto;min-height:73px;padding-top:12px;padding-bottom:12px}.header-right{flex-wrap:wrap;gap:12px}.sidebar .local-card p{line-height:1.8}.profile{gap:8px}.profile strong{line-height:1.5}footer{flex-wrap:wrap;gap:16px;line-height:1.7}@media (width<=1100px){.studio-layout{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;align-items:start;gap:18px;display:grid}.camera-stage{aspect-ratio:16/10}.settings-row{grid-template-columns:1fr}}@media (width<=760px){.right-column{display:flex}.camera-stage{min-height:390px}.camera-empty{padding:40px 12px}.camera-empty small{max-width:240px}.stage-top{flex-wrap:wrap;gap:8px}.stage-top .stage-pill,.live-label{font-size:12px}.record-actions{width:100%}.saved{display:none}.settings-row{grid-template-columns:1fr 1fr}}@media (width<=500px){.camera-stage{min-height:400px}.settings-row{grid-template-columns:1fr}.camera-empty small{max-width:200px}.breadcrumbs{gap:8px}.prompter-actions>button:first-child{min-width:175px}.privacy-note{font-size:12px}.device-toggles{gap:12px}.stage-top .stage-pill{padding:5px}.sidebar .nav-item{padding:12px 10px}}.record-actions{justify-content:space-between;align-items:center;gap:18px;width:100%;display:flex}.record-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.record-actions #timer{text-align:right;white-space:nowrap;margin-left:auto;font-size:18px}.stop-record{color:#ffb09e;background:#352621;border-color:#784c42}.photo-button{min-width:44px;padding:11px}.photo-button svg{width:20px;height:20px}#timer.paused{color:#e7c47c}@media (width<=500px){.record-actions{align-items:flex-start;gap:12px}.record-controls{flex:1;min-width:0}.record-actions #timer{padding-top:13px;font-size:15px}.record-controls button{font-size:12px}}.save-location{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.save-location>p{color:#a0a89a;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.save-location button{margin:0 6px 8px 0}.camera-direction{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.direction-pad{grid-template-rows:46px 46px 46px;grid-template-columns:48px 48px 48px;justify-content:center;gap:6px;margin:14px 0;display:grid}.direction-pad button{min-height:44px;padding:0;font-size:24px}.direction-pad>span{color:#a9bd96;grid-area:2/2;place-items:center;display:grid}#camera-up{grid-area:1/2}#camera-left{grid-area:2/1}#camera-right{grid-area:2/3}#camera-down{grid-area:3/2}.direction-pad button:disabled{cursor:not-allowed;opacity:.35}.camera-direction>.secondary{width:100%}.camera-optics{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.camera-optics label{justify-content:space-between;gap:12px;display:flex}.camera-optics output{color:var(--green);font-variant-numeric:tabular-nums}.camera-optics input{margin-top:16px;margin-bottom:14px}.camera-optics .secondary{width:100%}.camera-optics .device-hint{margin-top:12px}input[type=range]:disabled{cursor:not-allowed;opacity:.4}body.settings-open{overflow:hidden}#settings-dialog{overscroll-behavior:contain;scrollbar-width:thin;background:var(--panel);border:1px solid #414936;border-radius:14px;width:min(680px,100vw - 32px);max-width:680px;max-height:calc(100dvh - 48px);padding:0;overflow-y:auto;box-shadow:0 24px 90px #0009}#settings-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#080a0bc7}#settings-dialog .settings-panel{border:0;border-radius:0;overflow:visible}#settings-dialog .panel-heading{z-index:2;background:var(--panel);padding:18px 24px;position:sticky;top:0}#settings-title{margin:0;font-size:20px;font-weight:600}#settings-dialog .icon-button{border:1px solid var(--line);border-radius:8px;width:40px;height:40px;font-size:20px}#settings-dialog .settings-content{padding:24px}#settings-dialog .settings-row{grid-template-columns:1fr 1fr}#settings-dialog .settings-footer{background:var(--panel);border-top:1px solid var(--line);justify-content:flex-end;padding:14px 24px;display:flex;position:sticky;bottom:0}#settings-dialog .settings-footer button{min-width:120px}.right-column{flex-direction:column;display:flex}#toast{z-index:20}@media (width<=500px){#settings-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 24px)}#settings-dialog .panel-heading,#settings-dialog .settings-content{padding:16px}#settings-dialog .settings-row{grid-template-columns:1fr}#settings-dialog .settings-footer{padding:12px 16px}}.device-settings{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:22px}.device-settings h3{margin:0 0 16px;font-size:17px}.device-settings .settings-row{margin-top:16px}#record{color:#fff;background:#dc343e;border-color:#ee5660}#record:hover{background:#ee4650;border-color:#ff747c}#record .record-dot{background:#fff}#record:disabled{opacity:.55}#settings-dialog .settings-content{text-align:center}#settings-dialog .settings-content label,#settings-dialog .device-settings h3{text-align:center;justify-content:center;margin-bottom:12px;font-size:19px;font-weight:750;line-height:1.5}#settings-dialog .settings-content select{text-align:center;min-height:48px;font-size:16px;font-weight:650}#settings-dialog .settings-content button{font-size:16px;font-weight:700}#settings-dialog .settings-content .device-hint,#settings-dialog .save-location>p{font-size:15px;line-height:1.7}#settings-dialog .camera-optics label{flex-wrap:wrap}#settings-dialog #settings-title{margin-left:auto;font-size:24px;font-weight:750}#settings-dialog #close-settings{margin-left:auto}.apply-source{width:100%;margin-bottom:24px}#capture-source{margin-bottom:12px}#settings-dialog .direction-pad button{font-size:26px}#settings-dialog .settings-footer{flex-wrap:wrap;align-items:center;gap:12px}#settings-save-status{text-align:center;color:#c5d8b2;flex:1 0 100%;margin:0;font-size:14px;line-height:1.6}#settings-dialog #done-settings{color:#d3ddc9;background:#262c22;border-color:#414936}.quick-zoom-content{padding:20px}.quick-zoom label{justify-content:space-between;align-items:center;gap:12px;font-size:16px;font-weight:700;display:flex}.quick-zoom output{color:var(--green);font-variant-numeric:tabular-nums}.quick-zoom input[type=range]{height:6px;margin:24px 0 18px}.quick-zoom .range-labels{font-size:13px}.quick-zoom .device-hint{margin:16px 0 0;font-size:13px;line-height:1.7}#settings-dialog .save-location{background:#222a1e;border:1px solid #50683c;border-radius:10px;margin-bottom:26px;padding:20px}#settings-dialog #choose-folder{color:#e3f5cd;border-color:#8fae69;width:100%;min-height:50px;font-size:17px;font-weight:750}#settings-dialog .save-location label{font-size:20px;display:block}button.profile{text-align:left;width:100%;color:inherit;cursor:pointer;border-bottom:0;border-left:0;border-right:0}button.profile:hover{background:#20251c}.profile-info{flex:1;min-width:0}.profile-info strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.profile-info small{font-size:12px}.profile .avatar{flex-shrink:0}.profile-settings{border-bottom:1px solid var(--line);margin-bottom:22px;padding-bottom:22px}.profile-settings h3{font-size:19px;font-weight:750}.profile-settings p{overflow-wrap:anywhere;font-size:16px}.profile-preview-avatar{width:76px;height:76px;color:var(--green);background:#303e24;border:1px solid #6a874c;border-radius:50%;place-items:center;margin:22px auto;font-size:26px;font-weight:750;display:grid}#profile-dialog{width:min(460px,100vw - 28px);max-height:calc(100dvh - 32px);padding:26px;overflow:auto}#profile-dialog>h2{text-align:center;margin:5px 25px;font-size:24px}#close-profile{float:right;min-width:36px;min-height:36px;font-size:20px}#profile-form label{text-align:center;margin-bottom:12px;font-size:17px;font-weight:700;display:block}#profile-name{color:#f0f4ec;background:#121416;border:1px solid #4b5740;border-radius:8px;width:100%;min-height:48px;padding:12px 14px;font-size:17px}#profile-status{text-align:center;color:#adb8a2;font-size:13px;line-height:1.7}.profile-form-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.profile-form-actions button{font-size:15px;font-weight:650}.zoom-control-row{align-items:center;gap:14px;display:flex}.zoom-control-row button{min-width:46px;font-size:25px;font-weight:700}.zoom-control-row input{flex:1;min-width:0}.camera-stage video{transform:scaleX(var(--mirror,-1)) scale(var(--digital-zoom,1))!important}.recordings-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),320px));align-items:start;gap:18px}.recording-card{width:100%;max-width:320px}.recording-card video{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;background:#080a0b;width:100%;height:auto;max-height:180px;display:block}.recording-card>div{padding:15px}.recording-card h3{font-size:16px;font-weight:700}.recording-card p{margin:8px 0 14px;font-size:13px;line-height:1.6}.recording-card-actions{flex-wrap:wrap;gap:8px;display:flex}.recording-card-actions a{margin:0}.recording-card-actions .secondary{min-height:42px;padding:9px 11px;font-size:13px}.delete-recording{color:#ffb5bd;background:#302123;border-color:#684047}.delete-recording:hover{background:#492b30}.recordings-list>.empty-recordings{grid-column:1/-1}.empty-recordings{max-width:none}@media (width<=500px){.recordings-list{grid-template-columns:minmax(0,320px)}.recording-card-actions{gap:8px}}#settings-dialog{background:#191b1f;border-color:#373b42}#settings-dialog .settings-content{text-align:center;flex-direction:column;gap:20px;padding:24px;display:flex}#settings-dialog .settings-group{background:#202227;border:1px solid #383c43;border-radius:10px;margin:0;padding:22px}#settings-dialog .settings-group h3{color:#f0f2f5;text-align:center;margin:0 0 20px;font-size:21px;font-weight:750;line-height:1.4}#settings-dialog .settings-group h4{color:#e0e4eb;text-align:center;margin:0 0 14px;font-size:17px;font-weight:700;line-height:1.5}#settings-dialog .settings-group label{text-align:center;color:#e0e4eb;justify-content:center;margin:18px 0 10px;font-size:17px;font-weight:700;line-height:1.5;display:block}#settings-dialog .settings-group p,#settings-dialog .settings-description,#settings-dialog .save-location>p{color:#aab1bc;margin:10px 0 16px;font-size:14px;line-height:1.7}#settings-dialog .settings-group .secondary,#settings-dialog #choose-folder,#settings-dialog #done-settings{color:#e1e6ef;background:#2a2d33;border:1px solid #4b515c;border-radius:7px;min-height:46px;margin:0;padding:11px 14px;font-size:15px;font-weight:650;line-height:1.5}#settings-dialog .settings-group .secondary:hover,#settings-dialog #choose-folder:hover,#settings-dialog #done-settings:hover{background:#363b44;border-color:#7c8594}#settings-dialog .settings-group .secondary:disabled{opacity:.4;cursor:not-allowed}#settings-dialog .save-location button+button{margin-top:10px}#settings-dialog .settings-group select{color:#f0f2f6;text-align:center;background:#17191d;border:1px solid #474d58;border-radius:7px;min-height:48px;font-size:16px;font-weight:500}#settings-dialog .select-wrap{margin-bottom:20px}#settings-dialog .select-wrap svg{top:17px}#settings-dialog .settings-row{gap:16px;margin:0}#settings-dialog .apply-source{width:100%;margin-top:20px}#settings-dialog .refresh-devices{margin:0 0 8px}#settings-dialog .camera-optics,#settings-dialog .camera-direction{background:0 0;border:0;margin:0;padding:0}#settings-dialog .camera-direction{border-top:1px solid #3c414a;margin-top:22px;padding-top:22px}#settings-dialog .camera-direction .direction-pad button{min-height:44px;padding:0;font-size:25px}#settings-dialog .settings-footer{background:#191b1f;border-color:#373b42;gap:12px;padding:16px 24px}#settings-dialog #save-settings{background:var(--green);border:1px solid var(--green);color:#172111;border-radius:7px;flex:1;min-height:48px;font-size:16px;font-weight:750}#settings-dialog #save-settings:hover{background:#d6ff9c}#settings-dialog #done-settings{min-width:110px}#settings-dialog #settings-save-status{color:#b5bcc7;font-size:14px;font-weight:500}#settings-dialog .panel-heading{background:#191b1f;border-color:#373b42}@media (width<=500px){#settings-dialog .settings-content{gap:14px;padding:14px}#settings-dialog .settings-group{padding:18px 14px}#settings-dialog .settings-group h3{font-size:20px}#settings-dialog .settings-footer{padding:14px}#settings-dialog #save-settings{font-size:14px}#settings-dialog #done-settings{min-width:80px}}.recording-format{border-top:1px solid #3c414a;margin:20px 0;padding-top:18px}.recording-format strong{color:#e0e4eb;margin-bottom:10px;font-size:17px;font-weight:700;display:block}.recording-format>span{color:#d2e4bd;font-size:16px;font-weight:650;display:block}.camera-controls-content{text-align:center;padding:20px}.camera-controls-content h4{margin:0 0 14px;font-size:17px;font-weight:700}.camera-controls-content .camera-optics{border-bottom:1px solid var(--line);margin:0 0 22px;padding-bottom:18px}.camera-controls-content .camera-direction{border:0;margin:0;padding:0}.camera-controls-content .device-hint{margin:12px 0 16px;font-size:13px;line-height:1.7}.camera-controls-content .secondary{width:100%;font-size:14px;font-weight:650}.camera-controls-content .direction-pad button{width:48px;font-size:25px}#settings-dialog #done-settings{background:var(--green);border:1px solid var(--green);color:#172111;border-radius:7px;min-height:48px;font-size:16px;font-weight:750}#settings-dialog #done-settings:hover{background:#d6ff9c;border-color:#d6ff9c}#settings-dialog .settings-footer #save-settings,#settings-dialog .settings-footer #done-settings{flex:1;min-width:0}.device-toggles{flex-wrap:wrap;gap:14px;display:flex}.tool-button[role=switch]{background:#202328;border:1px solid #383d43;border-radius:8px;gap:9px;min-height:44px;padding:9px 10px;font-size:14px;font-weight:600}.tool-button[role=switch]:hover{border-color:#7d9660}.device-state{color:#939ba7;font-size:12px;font-weight:500}.device-switch{background:#4b515b;border-radius:20px;flex-shrink:0;width:34px;height:20px;margin-left:3px;transition:background .2s;display:inline-block;position:relative}.device-switch:before{content:"";background:#d5dae2;border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.device-on .device-switch{background:var(--green)}.device-on .device-switch:before{background:#1c2914;transform:translate(14px)}.device-on .device-state{color:#c5e4a6}.preview-toolbar{padding-top:10px;padding-bottom:12px}.device-toggles .toolbar-separator{display:none}@media (width<=500px){.device-toggles{gap:9px;width:100%}.tool-button[role=switch]{justify-content:flex-start;width:100%}.tool-button[role=switch] .device-switch,.device-state{margin-left:auto}}.preview-with-direction{align-items:stretch;gap:0;display:flex}.preview-with-direction .camera-stage{flex:1;min-width:0}.direction-rail{border:1px solid var(--line);text-align:center;background:#171b18;border-radius:8px;flex-shrink:0;width:176px;margin:12px 0 12px 12px;padding:22px 10px}.direction-rail h4{margin:0 0 16px;font-size:15px;font-weight:750}.direction-rail .direction-pad{grid-template-rows:42px 42px 42px;grid-template-columns:42px 42px 42px;gap:4px}.direction-rail .direction-pad button{width:42px;min-height:42px;font-size:24px}.direction-rail #center-direction{grid-area:2/2;padding:8px;font-size:14px}.direction-rail .device-hint{margin:16px 0;font-size:12px;line-height:1.7}.direction-rail>.secondary{white-space:normal;width:100%;font-size:12px}.camera-stage video{transform-origin:var(--pan-origin,50%) var(--tilt-origin,50%)}.camera-controls-content .camera-optics{border:0;margin:0;padding:0}@media (width<=1300px) and (width>=1101px){.studio-layout{grid-template-columns:1fr}.right-column{grid-template-columns:1fr 1fr;display:grid}}@media (width<=650px){.preview-with-direction{padding-left:54px;position:relative}.direction-rail{background:0 0;border:0;width:54px;margin:9px 0 9px 4px;padding:10px 3px;position:absolute;top:0;bottom:0;left:0}.direction-rail h4{overflow-wrap:anywhere;font-size:10px}.direction-rail .direction-pad{flex-direction:column;align-items:center;gap:7px;margin:0;display:flex}.direction-rail .direction-pad button{flex-shrink:0;width:40px;min-height:40px}.direction-rail .device-hint{display:none}.direction-rail #enable-direction{min-height:44px;margin-top:10px;padding:6px 2px;font-size:10px}.preview-with-direction .camera-stage{margin-left:7px}.direction-rail #camera-up{order:0}.direction-rail #camera-left{order:1}.direction-rail #center-direction{order:2}.direction-rail #camera-right{order:3}.direction-rail #camera-down{order:4}}.recording-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.recording-card-actions .secondary{text-align:center;justify-content:center;align-items:center;width:100%;min-width:0;margin:0;line-height:1.4;display:flex}.recording-card-actions svg{flex-shrink:0}.record-destination{color:#b8cba8;background:#20261c;border:1px solid #384332;border-radius:7px;width:100%;margin:0;padding:10px 12px;font-size:13px;line-height:1.6}.recording-card .recording-save-status{color:#c4cbd5;overflow-wrap:anywhere;background:#24292e;border-radius:6px;padding:9px;font-size:12px;line-height:1.6}.recording-save-status[data-state=saved]{color:#c9e8ad;background:#263020}.recording-save-status[data-state=error]{color:#f1cf9f;background:#342b22}.recording-card .retry-save{width:100%;margin-top:10px;font-size:13px}.creator-tools{flex-direction:column;grid-area:tools;gap:16px;min-width:0;display:flex}.left-column{grid-area:preview;min-width:0}.right-column{grid-area:prompter;min-width:0}.studio-layout{grid-template-columns:210px minmax(0,1fr) 300px;grid-template-areas:"tools preview prompter";align-items:start;gap:20px}.tools-title{letter-spacing:1.4px;color:#96a686;padding:0 3px;font-size:11px;font-weight:750}.tool-section{padding:17px}.tool-section h3{color:#e9f0e2;margin:0 0 18px;font-size:17px;font-weight:750}.tool-section label:not(.check-option):not(.file-button){color:#bfc9b5;margin:16px 0 9px;font-size:13px;font-weight:650;line-height:1.5;display:block}.tool-section select,.tool-section input[type=text]{color:#e6ebdf;background:#14171a;border:1px solid #41483b;border-radius:6px;width:100%;min-height:43px;padding:9px;font-size:13px}.tool-section .secondary{white-space:normal;width:100%;min-height:43px;margin-top:12px;font-size:13px}.tools-button-row{gap:7px;display:flex}.tool-section output{color:var(--green);font-variant-numeric:tabular-nums}.tools-hint{color:#9ca895;overflow-wrap:anywhere;margin:12px 0;font-size:12px;line-height:1.7}.check-option{color:#c7cebf;align-items:center;gap:9px;margin:14px 0;font-size:13px;line-height:1.6;display:flex}.check-option input{accent-color:var(--green);flex-shrink:0;width:17px;height:17px}.file-button{cursor:pointer}.tool-section .file-button{display:flex}.library-error{color:#f1cf9f;background:#342b22;border-radius:6px;padding:9px}.recording-card .edit-recording{width:100%;margin-top:10px}.camera-stage{aspect-ratio:16/9}.camera-stage[data-format=portrait]{aspect-ratio:9/16;flex:none;width:min(100%,338px);max-width:338px;height:600px;min-height:0;margin-left:auto;margin-right:auto}.camera-stage[data-format=portrait] video#camera{-o-object-fit:cover;object-fit:cover}.camera-stage[data-source=screen] video#camera,.camera-stage[data-source=both] video#camera{-o-object-fit:contain;object-fit:contain}.camera-stage:fullscreen{width:100%!important;max-width:none!important;height:100%!important}.camera-stage #pip-preview{z-index:2;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;transform-origin:50%;border:2px solid #c5f473;border-radius:8px;height:auto;position:absolute;transform:none!important}.camera-stage #pip-preview[data-position=bottom-right]{bottom:3%;right:3%}.camera-stage #pip-preview[data-position=bottom-left]{bottom:3%;left:3%}.camera-stage #pip-preview[data-position=top-right]{top:3%;right:3%}.camera-stage #pip-preview[data-position=top-left]{top:3%;left:3%}#countdown-overlay{z-index:10;background:#0b100ce8;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#countdown-number{color:var(--green);font-size:94px;line-height:1}#countdown-overlay>span{color:#dde8d4;font-size:17px}#countdown-overlay .secondary{font-size:15px}.prompter-overlay{z-index:4}#video-editor{width:min(900px,100vw - 24px);max-width:900px;max-height:calc(100dvh - 30px);padding:24px;overflow:auto}.editor-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.editor-heading h2{margin:0;font-size:22px}#editor-video{background:#080a0b;border-radius:8px;width:100%;max-height:370px;display:block}.editor-fields{grid-template-columns:1fr 1fr;gap:16px;margin:20px 0;display:grid}.editor-fields label,#video-editor>label{font-size:15px;font-weight:650}.editor-fields input{color:#fff;background:#121619;border:1px solid #4a5441;border-radius:6px;width:100%;min-height:44px;margin-top:8px;padding:10px;font-size:16px;display:block}.editor-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.editor-actions button,.editor-actions label{font-size:14px}#caption-editor{height:180px;margin:12px 0;font-size:15px}.editor-status,#editor-status{color:#c1d9a9;font-size:14px;line-height:1.7}.camera-stage .stage-top{z-index:5}.preview-with-direction{min-width:0}.record-destination{overflow-wrap:anywhere}@media (width<=1600px){.studio-layout{grid-template-columns:200px minmax(0,1fr);grid-template-areas:"tools preview""tools prompter"}.right-column{grid-template-columns:1fr 1fr;align-items:start;display:grid}.right-column .prompter-panel{grid-row:span 2}.preview-with-direction .camera-stage{min-height:380px}.camera-stage[data-format=portrait]{min-height:0}}@media (width<=1000px){.studio-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""tools""prompter"}.creator-tools{grid-template-columns:1fr 1fr;display:grid}.tools-title{grid-column:1/-1}.right-column{grid-template-columns:1fr 1fr;display:grid}.camera-stage[data-format=portrait]{max-width:315px;height:560px}}@media (width<=600px){.creator-tools,.right-column{flex-direction:column;display:flex}.tool-section,.right-column .prompter-panel{width:100%}.editor-fields{grid-template-columns:1fr}.editor-heading{align-items:flex-start}.editor-heading h2{font-size:18px}#video-editor{padding:16px}.camera-stage[data-format=portrait]{max-width:253px;height:450px;min-height:0}.camera-stage[data-format=portrait] .stage-top{gap:4px}.camera-stage[data-format=portrait] .stage-pill{font-size:10px}}@media (width>=1001px){.creator-tools{scrollbar-width:thin;scrollbar-color:#46543a transparent;overscroll-behavior:contain;max-height:calc(100dvh - 40px);padding-right:5px;position:sticky;top:20px;overflow-y:auto}.creator-tools .tool-section{flex-shrink:0}}.tool-section label:not(.check-option):not(.file-button),.tool-section select{font-size:14px}.camera-stage video#camera{transform:translate(calc(var(--direction-x,0)*1%),calc(var(--direction-y,0)*1%)) scaleX(var(--mirror,-1)) scale(var(--digital-zoom,1))!important}#mirror{white-space:normal;align-items:center;gap:8px;width:auto;height:auto;min-height:40px;padding:8px 12px;font-size:14px;font-weight:700;display:inline-flex}@media (width<=1600px){.preview-with-direction .camera-stage{min-height:570px}}@media (width<=1000px){.preview-with-direction .camera-stage[data-format=portrait]{max-width:472px;height:840px}}@media (width<=600px){.preview-with-direction .camera-stage{min-height:600px}.preview-with-direction .camera-stage[data-format=portrait]{aspect-ratio:9/16;max-width:380px;height:auto;min-height:0}#mirror{padding:6px;font-size:12px}.stage-bottom{flex-wrap:wrap;gap:6px}}.creator-tools[hidden]{display:none!important}.studio-layout{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"preview prompter"}.right-column{flex-direction:column;gap:18px;display:flex}.right-column>section{width:100%}.stepper-row{align-items:center;gap:10px;display:flex}.stepper-row input{flex:1;min-width:0}.stepper-row button{min-width:44px;min-height:44px;padding:4px 10px;font-size:24px;font-weight:700}@media (width<=1100px){.studio-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""prompter"}.right-column{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}}@media (width<=600px){.right-column{display:flex}}.camera-side-controls{flex-direction:column;flex-shrink:0;gap:12px;width:192px;padding:12px 0 12px 12px;display:flex}.camera-side-controls .direction-rail,.camera-side-controls .quick-zoom{border:1px solid var(--line);text-align:center;background:#171b18;border-radius:8px;width:180px;min-height:220px;margin:0;padding:16px 10px;position:static}.camera-side-controls .quick-zoom .panel-heading{border:0;justify-content:center;min-height:0;padding:0 0 16px}.camera-side-controls .quick-zoom .panel-title{justify-content:center;font-size:15px}.camera-side-controls .quick-zoom-content{padding:0}.camera-side-controls .quick-zoom-content>label{font-size:13px}.camera-side-controls .zoom-control-row{gap:5px;margin-top:14px}.camera-side-controls .zoom-control-row button{min-width:40px;min-height:44px;padding:4px}.camera-side-controls .range-labels{font-size:11px}.camera-side-controls #zoom-status{margin:10px 0 0;font-size:11px;line-height:1.4}#settings-panel .settings-tools{grid-area:auto;gap:0;width:100%;display:flex}#settings-panel .settings-tools .tool-section{background:0 0;border-radius:0;padding:22px 0}#settings-panel .settings-tools label{margin:14px 0 8px;display:block}#settings-panel .settings-tools .check-option{justify-content:center;align-items:center;gap:10px;display:flex}#settings-panel .settings-tools select,#settings-panel .settings-tools input[type=range]{width:100%}@media (width<=650px){.preview-with-direction{flex-wrap:wrap;padding-left:0}.camera-side-controls{flex-direction:row;gap:10px;width:100%;padding:10px}.camera-side-controls .direction-rail,.camera-side-controls .quick-zoom{width:calc(50% - 5px);min-height:220px;padding:12px 6px}.camera-side-controls .direction-rail h4{font-size:14px}.camera-side-controls .direction-pad{grid-template-rows:40px 40px 40px;grid-template-columns:40px 40px 40px;gap:3px;display:grid}.camera-side-controls .direction-pad button{order:initial!important}.preview-with-direction .camera-stage{flex-basis:100%;min-width:0;margin:9px}.camera-side-controls .quick-zoom .panel-title{font-size:14px}}.preview-with-direction .camera-stage{min-height:900px}@media (width<=1600px){.preview-with-direction .camera-stage{min-height:855px}}.preview-with-direction .camera-stage[data-format=portrait]{width:min(100%,760.5px);max-width:760.5px;height:1350px;min-height:0}@media (width<=1000px){.preview-with-direction .camera-stage[data-format=portrait]{max-width:708px;height:1260px}}@media (width<=600px){.preview-with-direction .camera-stage{min-height:900px}.preview-with-direction .camera-stage[data-format=portrait]{aspect-ratio:9/16;max-width:570px;height:auto;min-height:0}}@media (width>=1101px){main{max-width:none;padding-left:18px;padding-right:18px}.studio-layout{grid-template-columns:minmax(0,1fr) 300px;gap:14px}.preview-panel{height:var(--preview-height,760px);flex-direction:column;min-height:0;display:flex}.preview-panel>.panel-heading,.preview-panel>.preview-toolbar{flex-shrink:0}.preview-with-direction{flex:1;min-height:0}.preview-with-direction .camera-stage,.preview-with-direction .camera-stage[data-format=portrait]{aspect-ratio:auto;height:auto;min-height:0}.camera-side-controls{width:180px;padding-left:8px}.camera-side-controls .direction-rail,.camera-side-controls .quick-zoom{width:172px}}@media (width<=1100px){.preview-with-direction .camera-stage{aspect-ratio:16/9;min-height:400px}.preview-with-direction .camera-stage[data-format=portrait]{aspect-ratio:9/16;width:min(100%,380px);max-width:380px;height:auto;min-height:0}}.stage-bottom{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.stage-bottom>.stage-pill:first-child{justify-self:start}.stage-bottom>.stage-note{text-align:center;white-space:nowrap;justify-self:center}.stage-bottom>#mirror{justify-self:end;max-width:100%}#install-guide{border:1px solid var(--line);background:var(--panel);width:min(520px,100vw - 32px);color:inherit;border-radius:14px;padding:28px}#install-guide::backdrop{background:#0009}#install-guide p{line-height:1.6}#install-guide .primary{width:100%;margin-top:12px}@media (width<=1500px){.stage-bottom{grid-template-columns:1fr auto}.stage-bottom>.stage-note{grid-area:1/1/auto/-1}.stage-bottom>.stage-pill:first-child,.stage-bottom>#mirror{grid-row:2}}.recording-panel{text-align:center;flex-wrap:wrap;justify-content:center}.recording-panel>div:first-child{justify-content:center;width:100%}.record-destination{text-align:center;width:100%}.record-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;width:100%}.record-controls{flex:0 auto;justify-content:center;align-items:center;gap:10px;display:flex}.record-actions #timer{white-space:nowrap;text-align:center;align-self:center;margin:0;padding:0;font-size:18px}.record-controls button{justify-content:center;min-height:46px}.record-controls button:disabled{cursor:default}#script[hidden],#toggle-prompter[hidden]{display:none!important}.prompter-overlay{pointer-events:auto;cursor:text;z-index:5}.prompter-overlay.editing{background:#101113e8;overflow:hidden;opacity:1!important}#inline-script{resize:none;border:2px solid var(--green);color:#fff;width:100%;height:100%;font:inherit;font-size:var(--inline-font-size,28px);background:0 0;border-radius:0;outline:none;padding:18px;line-height:1.5;position:absolute;inset:0}#inline-script[hidden],#scroll-text[hidden],#prompter-countdown[hidden]{display:none!important}#prompter-countdown{min-width:54px;color:var(--green);text-align:center;pointer-events:none;background:#101113e8;border-radius:10px;padding:8px;font-size:32px;font-weight:800;position:absolute;top:12px;right:16px}@media (width>=1101px){.prompter-panel{min-height:540px}}.workspace-label{text-align:center;font-weight:800}#studio-view>.page-heading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}#studio-view>.page-heading>div{width:100%}#studio-view>.page-heading h1,#studio-view>.page-heading p{text-align:center}.camera-side-controls{justify-content:center}@media (width>=1101px){.preview-with-direction{align-items:stretch}.camera-side-controls{align-self:stretch}.prompter-panel{min-height:936px}}@media (width<=1100px){.preview-with-direction .camera-stage:not([data-format=portrait]){min-height:520px}}.studio-layout{grid-template-areas:"preview prompter""recording recording""privacy privacy"}.studio-layout>.recording-panel{grid-area:recording;justify-content:center;width:100%;margin-top:0;padding:24px}.studio-layout>.privacy-note{text-align:center;grid-area:privacy;justify-content:center;margin:0}@media (width<=1100px){.studio-layout{grid-template-areas:"preview""prompter""recording""privacy"}}.capture-quality-content{padding:18px}.capture-quality .settings-row{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.capture-quality label{text-align:center;margin-bottom:8px;font-weight:700;display:block}.capture-quality select{border:1px solid var(--line);background:var(--panel);width:100%;color:inherit;border-radius:8px;padding:10px;font-size:16px}.capture-quality .panel-heading{justify-content:center}.capture-quality .device-hint{text-align:center;margin:16px 0}.capture-quality #apply-quality{justify-content:center;width:100%}@media (width>=1101px){.prompter-panel{min-height:748.8px}}@media (width<=1100px){.preview-with-direction .camera-stage:not([data-format=portrait]){min-height:416px}}