.sr{--studio-rail:332px;position:relative}.sr [hidden]{display:none!important}.sr button,.sr input,.sr select{touch-action:manipulation}.sr__progress{padding:14px var(--studio-pad);border-bottom:1px solid var(--border);color:var(--text-subtle);font:500 .75rem/1.4 var(--font);align-items:center;gap:14px;display:flex}.sr__progress>span{white-space:nowrap;align-items:center;gap:7px;display:flex}.sr__progress b{font:500 .65rem/1 var(--font-mono)}.sr__progress [aria-current]{color:var(--text);font-weight:700}.sr__progress [aria-current] b{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.sr__progress>i{background:var(--border);width:32px;height:1px}.sr__progress small{font:500 .6rem/1.3 var(--font-mono);letter-spacing:.12em;margin-left:auto}.sr__work{background:var(--surface-2);flex-direction:column;min-width:0;display:flex}.sr__stage-head{padding:18px var(--studio-pad) 10px;color:var(--text-subtle);font:500 .65rem/1.4 var(--font-mono);letter-spacing:.06em;justify-content:space-between;align-items:center;gap:8px;display:flex}.sr__live{align-items:center;gap:7px;display:flex}.sr__live i{background:var(--text-subtle);border-radius:50%;width:6px;height:6px}.sr[data-phase=ready] .sr__live i{background:var(--success)}.sr[data-phase=recording] .sr__live i{background:var(--danger);animation:1.5s ease-in-out infinite sr-record}.sr__spec{text-align:right;letter-spacing:0}.sr__stage{min-width:0;min-height:260px;padding:12px var(--studio-pad) 18px;flex:1;align-content:center;place-items:center;display:grid;position:relative;overflow:hidden}.sr__empty{text-align:center;flex-direction:column;align-items:center;width:100%;padding:22px 12px 30px;display:flex}.sr__empty .studio-eyebrow{letter-spacing:.12em;font-size:.57rem}.sr__empty h3{color:var(--text);font:600 clamp(1.7rem, 1.2rem + 2.6cqi, 2.9rem)/1.08 var(--font-display);letter-spacing:-.05em;margin:13px 0 14px}.sr__empty p{max-width:43ch;color:var(--text-muted);margin:0 0 23px;font-size:.875rem;line-height:1.65}.sr__empty .btn{gap:12px;min-height:46px;padding-inline:22px}.sr__empty-note{color:var(--text-subtle);margin-top:13px;font-size:.7rem}.sr__illustration{width:min(100%,290px);height:175px;margin:2px 0 27px;position:relative}.sr__sheet{border:1px solid var(--border-strong);background:var(--surface);box-shadow:var(--shadow-md);border-radius:11px;flex-direction:column;display:flex;position:absolute;inset:8px 10px 10px;overflow:hidden;transform:rotate(-3deg)}.sr__sheet--back{background:var(--accent-soft);border-color:var(--border);box-shadow:none;inset:10px 6px 8px 16px;transform:rotate(4deg)}.sr__sheet-bar{border-bottom:1px solid var(--border);align-items:center;gap:4px;min-height:24px;padding:0 10px;display:flex}.sr__sheet-bar i{background:var(--border-input);border-radius:50%;width:4px;height:4px}.sr__sheet-bar span{color:var(--text-subtle);font:500 6px/1 var(--font-mono);letter-spacing:.06em;margin-left:9px}.sr__sheet-content{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:7px;display:flex}.sr__play-outline{border:1px solid var(--border-strong);width:29px;height:29px;color:var(--text-muted);border-radius:9px;place-items:center;padding-left:2px;font-size:10px;display:grid}.sr__sheet-line{background:var(--border-strong);border-radius:4px;width:102px;height:4px;display:block}.sr__sheet-line--short{background:var(--border);width:67px}.sr__wave{justify-content:center;align-items:center;gap:3px;width:110px;height:20px;display:flex}.sr__wave i{width:3px;height:var(--wave);background:var(--text-subtle);border-radius:3px}.sr__sheet-record{border-top:1px solid var(--border);height:24px;color:var(--text-subtle);font:500 6px/1 var(--font-mono);letter-spacing:.06em;align-items:center;gap:5px;padding:0 11px;display:flex}.sr__sheet-record>i{background:var(--danger);border-radius:50%;width:4px;height:4px}.sr__sheet-record>span{margin-left:auto}.sr__viewfinder{border-color:var(--border-input);width:19px;height:19px;position:absolute}.sr__viewfinder--a{border-top:1px solid;border-left:1px solid;border-radius:4px 0 0;top:0;left:0}.sr__viewfinder--b{border-bottom:1px solid;border-right:1px solid;border-radius:0 0 4px;bottom:0;right:0}.sr__canvas,.sr__playback{border:1px solid var(--border);object-fit:contain;background:var(--surface-inset);width:100%;height:auto;max-height:630px;box-shadow:var(--shadow-sm);border-radius:9px;display:block}.sr__transport{padding:14px var(--studio-pad);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sr__clock{white-space:nowrap;font:500 1.35rem/1 var(--font-mono);letter-spacing:-.06em;font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.sr__clock small{color:var(--text-subtle);font:400 .65rem/1.4 var(--font);letter-spacing:0;margin-left:4px}.sr__clock>i{background:var(--border-input);border-radius:50%;width:7px;height:7px;display:block}.sr[data-phase=recording] .sr__clock>i{background:var(--danger)}.sr__transport-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.sr__record-dot{background:currentColor;border-radius:50%;width:9px;height:9px}.sr__stage-note{padding:13px var(--studio-pad);color:var(--text-subtle);align-items:flex-start;gap:8px;display:flex}.sr__stage-note>span{font-size:1rem}.sr__stage-note p{max-width:65ch;margin:0;font-size:.72rem;line-height:1.6}.sr__source-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.sr__source-options button{border:1px solid var(--border-input);background:var(--surface);min-height:70px;color:var(--text-muted);cursor:pointer;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:.72rem;display:flex}.sr__source-options button[aria-pressed=true]{border-color:var(--text);color:var(--text);box-shadow:inset 0 0 0 1px var(--text);background:var(--accent-soft)}.sr__source-options button:disabled{opacity:.55;cursor:default}.sr__rail .studio-section{padding-block:18px}.sr__rail .studio-section__head h3{letter-spacing:-.02em;font-size:.9rem}.sr__rail .studio-section__head p{font-size:.73rem}.sr__hint{color:var(--text-subtle);margin:9px 0 0;font-size:.7rem;line-height:1.55}.sr__switch{cursor:pointer;justify-content:space-between;align-items:center;gap:13px;min-height:44px;display:flex}.sr__switch span{flex-direction:column;gap:3px;min-width:0;display:flex}.sr__switch strong{font-size:.78rem;font-weight:600}.sr__switch small{color:var(--text-subtle);font-size:.68rem;line-height:1.45}.sr__switch input{appearance:none;border:1px solid var(--border-input);background:var(--surface);cursor:pointer;border-radius:20px;flex-shrink:0;width:32px;height:19px;margin:0}.sr__switch input:after{content:"";background:var(--text-subtle);border-radius:50%;width:11px;height:11px;margin:3px;transition:transform .15s;display:block}.sr__switch input:checked{background:var(--text);border-color:var(--text)}.sr__switch input:checked:after{background:var(--surface);transform:translate(13px)}.sr__switch input:disabled{opacity:.5;cursor:default}.sr__source-options+.sr__hint{margin-bottom:13px}.sr__audio-source+.sr__audio-source{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.sr__audio-detail{margin-top:9px}.sr__device-label{color:var(--text-muted);gap:5px;margin-bottom:9px;font-size:.68rem;display:grid}.sr__meter{border:1px solid var(--border-strong);background:var(--surface-inset);border-radius:6px;height:5px;overflow:hidden}.sr__meter i{background:var(--success);border-radius:5px;width:0;height:100%;transition:width 90ms linear;display:block}.sr__level{align-items:center;gap:10px;margin-top:8px;display:flex}.sr__level label{color:var(--text-subtle);white-space:nowrap;flex:1;align-items:center;gap:8px;font-size:.62rem;display:flex}.sr__level input{width:100%;min-width:30px;height:18px}.sr__mute,.sr__text-btn{border:1px solid var(--border-input);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:6px;flex-shrink:0;padding:6px 8px;font-size:.65rem}.sr__mute[aria-pressed=true]{background:var(--danger-soft);color:var(--danger)}.sr__sound-check{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);border-radius:7px;margin:13px 0 0;padding:9px 10px;font-size:.68rem;line-height:1.5}.sr__sound-check[data-warning]{border-color:var(--border-input)}.sr__label,.sr__camera-settings label:not(.sr__check),.sr__advanced-fields label{color:var(--text-muted);flex-direction:column;gap:6px;margin:0 0 7px;font-size:.72rem;font-weight:500;display:flex}.sr__frame-row{gap:8px;display:flex}.sr__frame-row select{min-width:0}.sr__swatch{border:1px solid var(--border-strong);background:var(--surface-inset);border-radius:7px;flex:0 0 38px;align-self:stretch}.sr__swatch[data-frame=soft]{background:var(--accent-soft)}.sr__swatch[data-frame=paper]{background:var(--surface)}.sr__swatch[data-frame=ink]{background:var(--text)}.sr__advanced{margin-top:17px}.sr__advanced summary{color:var(--text-muted);cursor:pointer;justify-content:space-between;align-items:center;padding:8px 0;font-size:.74rem;list-style:none;display:flex}.sr__advanced summary::-webkit-details-marker{display:none}.sr__advanced[open] summary span{transform:rotate(45deg)}.sr__advanced-fields{gap:8px;padding-top:8px;display:grid}.sr__two{grid-template-columns:1fr 1fr;gap:9px;display:grid}.sr__two>*{min-width:0}.sr__check{color:var(--text-muted);align-self:end;align-items:center;gap:6px;margin-bottom:16px;font-size:.65rem;display:flex}.sr__camera-settings{gap:5px;margin-top:12px;display:grid}.sr .input{min-height:37px;font-size:.75rem}.sr__countdown,.sr__paused{z-index:2;inset:12px var(--studio-pad) 18px;border:1px solid var(--border-strong);background:color-mix(in srgb, var(--surface) 95%, transparent);color:var(--text);text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute}.sr__countdown>span{font:600 .65rem var(--font-mono);letter-spacing:.15em}.sr__countdown>strong{font:500 5rem/1 var(--font-display);letter-spacing:-.06em;margin:15px 0 8px}.sr__countdown p,.sr__paused p{color:var(--text-muted);font-size:.8rem}.sr__paused{pointer-events:none}.sr__paused>span{font:400 2.6rem/1 var(--font-display);margin-bottom:15px}.sr__paused>strong{font:600 1.6rem var(--font-display);letter-spacing:-.04em}.sr__review-edit{padding:17px var(--studio-pad) 12px;background:var(--surface);border-bottom:1px solid var(--border)}.sr__trim-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sr__trim-track{height:38px;margin-top:15px;position:relative}.sr__trim-track:before{content:"";background:var(--surface-inset);border-radius:4px;position:absolute;inset:11px 0}.sr__trim-track>div{border:1px solid var(--border-input);background:var(--accent-soft);border-radius:4px;position:absolute;inset:11px 0}.sr__trim-track input{appearance:none;pointer-events:none;background:0 0;width:100%;height:38px;margin:0;position:absolute;inset:0}.sr__trim-track input::-webkit-slider-thumb{appearance:none;background:var(--text);border:2px solid var(--surface);pointer-events:auto;cursor:ew-resize;border-radius:4px;width:12px;height:30px}.sr__trim-track input::-moz-range-thumb{background:var(--text);border:2px solid var(--surface);pointer-events:auto;cursor:ew-resize;border-radius:4px;width:9px;height:26px}.sr__trim-track input::-moz-range-track{background:0 0}.sr__trim-fields{align-items:end;gap:10px;display:flex}.sr__trim-fields label{min-width:0;max-width:135px;color:var(--text-muted);flex-direction:column;gap:5px;font-size:.65rem;display:flex}.sr__trim-fields>span{color:var(--text-subtle);align-self:center;margin-top:15px}.sr__trim-fields .input{width:100%;font-family:var(--font-mono)}.sr__trim-fields>button{min-height:37px;margin-left:auto}.sr__markers{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}.sr__moment{border:1px solid var(--border-input);background:var(--surface);color:var(--text-muted);font:500 .63rem var(--font-mono);cursor:pointer;border-radius:6px;padding:7px 9px}.sr__result-section>h3{font:600 1.8rem/1.05 var(--font-display);letter-spacing:-.045em;margin:12px 0 8px}.sr__result-section>p{color:var(--text-muted);font-size:.78rem;line-height:1.6}.sr__result-facts{gap:15px;margin:24px 0 18px;display:grid}.sr__result-facts>div{flex-direction:column;gap:4px;display:flex}.sr__result-facts dt{color:var(--text-subtle);font:500 .6rem var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.sr__result-facts dd{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:.82rem;font-weight:500}.sr__capture-note{border-top:1px solid var(--border);padding-top:13px;font-size:.69rem!important}.sr__export-note{color:var(--text-muted);font-size:.75rem;line-height:1.6}.sr__export-progress{font:500 .7rem var(--font-mono);gap:6px;margin-block:14px;display:grid}.sr__export-progress progress{width:100%;height:7px;accent-color:var(--accent)}.sr__foot{padding:13px var(--studio-pad);justify-content:space-between;align-items:center;gap:20px;display:flex}.sr__foot p{max-width:90ch;color:var(--text-muted);margin:0;font-size:.72rem;line-height:1.5}.sr__foot p[data-error]{color:var(--danger)}.sr__local{color:var(--text-subtle);font:500 .58rem var(--font-mono);flex-shrink:0}.sr__source-video,.sr__colour-source{opacity:0;pointer-events:none;clip-path:inset(50%);width:2px;height:2px;position:absolute;overflow:hidden}.sr__colour-source [data-sr-colour=background]{color:var(--accent-soft)}.sr__colour-source [data-sr-colour=surface]{color:var(--surface)}.sr__colour-source [data-sr-colour=text],.sr__colour-source [data-sr-colour=accent]{color:var(--text)}.sr__colour-source [data-sr-colour=muted]{color:var(--text-muted)}.sr__colour-source [data-sr-colour=outline]{color:var(--border-strong)}.sr__unsupported{padding:16px var(--studio-pad);border-bottom:1px solid var(--border);background:var(--accent-soft);color:var(--text);font-size:.85rem}.sr__unsupported p{color:var(--text-muted);margin-block:8px;line-height:1.6}.sr__host{height:100%}.sr__host>.sr{min-height:100%}.sr__host>.sr:focus-within{box-shadow:none}@container studio (width<=820px){.sr__rail>[data-sr=setup]{grid-template-columns:1fr 1fr;display:grid}.sr__rail .studio-section+.studio-section{border-top:0;border-left:1px solid var(--border)}.sr__rail>[data-sr=setup]>.studio-section:last-child{border-left:0;border-top:1px solid var(--border);grid-column:1/-1}.sr__review{grid-template-columns:1fr 1fr;display:grid}.sr__result-facts{grid-template-columns:1fr 1fr}.sr__empty{padding-top:12px}.sr__local{display:none}}@container studio (width<=520px){.sr__progress{gap:8px;padding-block:12px;font-size:.65rem}.sr__progress>i{width:10px}.sr__progress small{display:none}.sr__rail>[data-sr=setup],.sr__review{grid-template-columns:1fr}.sr__rail .studio-section+.studio-section{border-left:0;border-top:1px solid var(--border)}.sr__stage-head{padding-top:14px;font-size:.57rem}.sr__stage{min-height:220px}.sr__illustration{width:228px;height:148px;margin-bottom:22px}.sr__empty .studio-eyebrow{font-size:.5rem}.sr__empty h3{font-size:2.05rem}.sr__empty p{font-size:.78rem}.sr__empty p br{display:none}.sr__clock{font-size:1.05rem}.sr__clock small{font-size:.6rem}.sr__transport{padding-block:12px}.sr__transport-actions{flex:100%;justify-content:flex-end}.sr__transport-actions:empty{display:none}.sr__trim-fields{flex-wrap:wrap;gap:7px}.sr__trim-fields label{flex:1;max-width:none}.sr__trim-fields>button{margin-left:0}.sr__countdown>strong{font-size:3rem}.sr__countdown p{margin-block:7px;font-size:.7rem}}@keyframes sr-record{0%,to{opacity:1}50%{opacity:.35}}.tm-screenrecorder__source{animation:8s ease-in-out infinite sr-motion-source}.tm-screenrecorder__wave{transform-origin:167px 112px;animation:8s ease-in-out infinite sr-motion-wave}.tm-screenrecorder__clip{animation:8s ease-in-out infinite sr-motion-clip}.tm-screenrecorder__dot{animation:8s ease-in-out infinite sr-motion-dot}@keyframes sr-motion-source{0%,9%{opacity:.25;transform:translateY(5px)}20%,to{opacity:1;transform:translateY(0)}}@keyframes sr-motion-wave{0%,25%{opacity:.25;transform:scaleY(.2)}40%,65%{opacity:1;transform:scaleY(1)}76%,to{opacity:1;transform:scaleY(.7)}}@keyframes sr-motion-clip{0%,52%{opacity:0;transform:translate(-12px)}74%,to{opacity:1;transform:translate(0)}}@keyframes sr-motion-dot{0%,20%,62%,to{opacity:1}28%,45%{opacity:.2}}@media (prefers-reduced-motion:reduce){.sr *,.tm-screenrecorder *{transition:none!important;animation:none!important}}.sr__quality{padding:15px var(--studio-pad);border-bottom:1px solid var(--border);background:var(--surface)}.sr__quality-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sr__quality-fields label{min-width:0;color:var(--text-muted);gap:6px;font-size:.72rem;font-weight:600;display:grid}.sr__quality-fields>[data-sr=custom-quality]{grid-column:3}.sr__quality>p{color:var(--text-subtle);margin:9px 0 0;font-size:.7rem;line-height:1.5}@container studio (width<=620px){.sr__quality-fields{grid-template-columns:1fr 1fr;gap:10px}.sr__quality-fields>label:nth-child(3),.sr__quality-fields>[data-sr=custom-quality]{grid-column:1/-1}}
