.text-button{border:0;background:transparent;color:#7568b8;font-size:11px;padding:10px 6px}.text-button:hover{color:#514591;text-decoration:underline}.automation-options{display:flex;align-items:center;gap:20px;flex-wrap:wrap;border:1px solid #e5e8ef;background:white;border-radius:9px;padding:15px 19px;margin-top:16px;font-size:11px;color:#727c90}.automation-options label{display:flex;align-items:center;gap:8px}.automation-options input{accent-color:#7665dc}.automation-options>span{margin-left:auto;font-size:10px;color:#979fb0}select{font:inherit;border:1px solid #dce1eb;background:#fff;color:#505b73;border-radius:6px;padding:8px 10px}.recovery-banner{border:1px solid #e9dba9;background:#fffbea;border-radius:9px;padding:17px 20px;margin-top:18px}.recovery-banner p{font-size:12px;color:#80713c;margin:0 0 12px}.recovery-banner>div{display:flex;gap:9px}.upload-options{display:flex;align-items:center;gap:12px;margin-top:17px}.upload-options select{font-size:11px}.upload-status{padding:14px;border:1px solid #e8e3f6;border-radius:8px;background:#f8f6fe;margin-top:16px}.upload-status progress{width:100%;height:7px;accent-color:#7567cf}.upload-status p{font-size:11px;line-height:1.6;margin:9px 0 0;color:#71658f;overflow-wrap:anywhere}.cloud-placeholder{font-size:13px;color:#8a82a8;margin-top:-70px}.cloud-preview{display:block;padding:70px 20px;text-align:center;color:#d7d0fc;text-decoration:underline;font-size:14px}#trimPanel{margin-top:18px;border:1px solid #e6e8f0;border-radius:8px;padding:13px}#trimPanel summary{cursor:pointer;font-size:12px;color:#736b8c;font-weight:600}.trim-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.trim-controls label{width:105px}.trim-controls input{margin-bottom:0}.trim-controls button{font-size:10px}.floating-body{padding:10px;background:#202437;min-width:0}.floating-body .recording-panel{margin:0;display:flex;flex-direction:column;align-items:stretch;font-size:12px;padding:15px}.floating-body #floatControls{display:none}.floating-body .recording-panel>div{display:flex;align-items:center;gap:10px}.floating-body .recording-panel>div:last-child{justify-content:flex-end}.floating-body #timer{margin-left:auto}.recording-panel>div:last-child{display:flex;gap:8px;flex-wrap:wrap}#shareResult .secondary{margin:4px 4px 4px 0;font-size:10px}@media(max-width:720px){.automation-options{gap:12px}.automation-options>span{margin-left:0;width:100%}.automation-options label{font-size:10px}.studio-bottom{flex-wrap:wrap}.recording-panel>div:first-child{font-size:10px}.recording-panel button{font-size:10px}.cloud-preview{padding:50px 15px}}
/* Live capture preview and visual editor. */
.recording-panel{flex-wrap:wrap}.live-camera{display:flex;align-items:center;gap:15px;flex:0 0 100%;padding-bottom:14px;border-bottom:1px solid #ead9dd}.live-camera video{width:92px;height:92px;object-fit:cover;border-radius:50%;border:3px solid white;box-shadow:0 3px 14px #41223418;background:#181d2e}.live-camera>span{font-size:11px;color:#937983}.floating-body .recording-panel>.live-camera{justify-content:center;flex-direction:column;gap:9px}.floating-body .live-camera video{width:110px;height:110px}.floating-body .live-camera>span{font-size:10px}.floating-body .recording-panel{gap:13px}#media{position:relative}#preview{width:min(900px,96vw)}#preview #media video{max-height:36vh}#trimEditor{border:0;padding:0;margin:0;min-width:0}#trimEditor:disabled{opacity:.6}.timeline-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#8a839d;margin:19px 0 17px}.timeline-heading strong{color:#7566bc;font-size:10px;font-weight:500;white-space:nowrap}.trim-timeline{position:relative;height:63px;margin:0 9px;isolation:isolate;cursor:crosshair;touch-action:none;background:#262b42;border-radius:5px}.trim-timeline canvas{width:100%;height:100%;display:block;border-radius:5px;opacity:.85}.trim-shade{position:absolute;top:0;bottom:0;background:#181426ad;pointer-events:none}#trimShadeStart{left:0}#trimShadeEnd{right:0}.trim-selection{position:absolute;top:-3px;bottom:-3px;border-top:3px solid #8a73e5;border-bottom:3px solid #8a73e5;pointer-events:none;box-shadow:0 0 0 1px #8a73e555}.trim-handle{position:absolute;top:-3px;height:calc(100% + 6px);width:16px;border:0;background:#8a73e5;border-radius:4px;transform:translateX(-50%);cursor:ew-resize;touch-action:none;z-index:3;padding:0}.trim-handle:after{content:"";display:block;width:3px;height:23px;background:#e4dcff;border-radius:3px;margin:auto}.trim-handle:hover{background:#7055d0}.trim-playhead{position:absolute;top:-6px;bottom:-6px;width:2px;background:#fff;box-shadow:0 0 3px #101322;pointer-events:none;z-index:2}.trim-playhead:before{content:"";position:absolute;top:-2px;left:-3px;width:8px;height:7px;background:white;clip-path:polygon(0 0,100% 0,50% 100%)}.timeline-labels{display:flex;justify-content:space-between;margin:10px 5px 15px;font-variant-numeric:tabular-nums;font-size:9px;color:#a1a5b3}.crop-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid #edeaf3}.crop-controls label{display:flex;align-items:center;gap:6px;white-space:nowrap}.crop-controls input{width:auto;margin:0;accent-color:#8a73e5}.crop-controls>span{font-size:10px;color:#9590a5;flex:1}.crop-controls button{padding:4px 0;font-size:10px}.crop-overlay{position:absolute;cursor:crosshair;overflow:hidden;touch-action:none;z-index:2}.crop-box{position:absolute;border:2px solid #bfa7ff;box-shadow:0 0 0 2000px #0e0b1b99;pointer-events:none;background:linear-gradient(to right,transparent 33%,#fff4 33%,#fff4 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff4 66%,#fff4 calc(66% + 1px),transparent calc(66% + 1px)),linear-gradient(to bottom,transparent 33%,#fff4 33%,#fff4 calc(33% + 1px),transparent calc(33% + 1px),transparent 66%,#fff4 66%,#fff4 calc(66% + 1px),transparent calc(66% + 1px))}#trimPanel>.secondary{margin-top:12px}.trim-controls .text-button{font-size:10px}.trim-controls label{width:105px}@media(max-width:600px){.timeline-heading{align-items:flex-start;flex-direction:column;gap:7px}.timeline-heading strong{font-size:9px}.trim-timeline{height:47px}.trim-controls{gap:9px}.trim-controls label{width:calc(50% - 5px)}.trim-controls input{padding:9px}.crop-controls>span{flex-basis:100%;order:3}.crop-controls button{margin-left:auto}#preview #media video{max-height:30vh}.live-camera video{width:75px;height:75px}}
/* Independent draggable preview, always-on-top camera, and capture countdown. */
.camera-bubble{position:fixed;z-index:20;left:22px;bottom:25px;top:auto;right:auto;width:170px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px;background:#25283eee;border:1px solid #ffffff30;border-radius:100px 100px 15px 15px;box-shadow:0 8px 35px #15112635;flex:none}.bubble-drag{display:flex;flex-direction:column;align-items:center;gap:6px;border:0;background:none;color:#d7d1ed;padding:0;cursor:grab;touch-action:none;width:100%;font-size:9px}.bubble-drag:active{cursor:grabbing}.camera-bubble video{width:138px;height:138px;object-fit:cover;border-radius:50%;border:3px solid #fff;pointer-events:none}.camera-bubble small{font-size:8px;color:#a09ab3;text-align:center;line-height:1.5}.bubble-float{border:1px solid #68627c;border-radius:5px;padding:5px 12px;color:#e5def4;background:#38324c;font-size:10px}.camera-only .camera-bubble{position:static!important;width:100%;height:100%;box-shadow:none;border:0;padding:8px;background:#25283e;transform:none}.camera-only .camera-bubble video{width:170px;height:170px}.camera-only .bubble-float{display:none}.camera-only .bubble-drag{cursor:default}.camera-only .bubble-drag span{display:none}.camera-only{background:#25283e!important;margin:0;padding:7px!important}.countdown-overlay{position:fixed;inset:0;z-index:1000;background:#12162dd9;backdrop-filter:blur(6px);display:grid;place-items:center;color:white}.countdown-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:25px;gap:17px}.countdown-card>p{font-size:18px;font-weight:600;margin:0}.countdown-number{font-size:110px;line-height:1.15;font-weight:700;letter-spacing:-5px;color:#c5b9ff;font-variant-numeric:tabular-nums;min-width:150px}.countdown-card>span{font-size:12px;color:#b2aec7;max-width:260px;line-height:1.6}.countdown-card button{margin-top:10px}.floating-body .countdown-card{padding:15px;gap:8px}.floating-body .countdown-card>p{font-size:13px}.floating-body .countdown-number{font-size:70px}.floating-body .countdown-card>span{font-size:9px}.floating-body .countdown-card button{font-size:10px;padding:7px 12px;margin-top:4px}.support-nav{margin-top:10px;color:#bcaedb}.floating-body .is-floating:not(.camera-bubble){margin:0}@media(max-width:600px){.camera-bubble{width:136px;left:12px;bottom:15px}.camera-bubble video{width:106px;height:106px}aside .support-nav{width:auto;margin:0;font-size:9px;padding:8px}aside .support-nav span{display:none}.countdown-card>p{font-size:17px}.countdown-number{font-size:90px}}
.combined-recorder{background:#25283e!important;padding:7px!important;display:flex;flex-direction:column;align-items:center;gap:5px}.combined-recorder .camera-bubble{position:static!important;align-self:center;width:auto;max-width:100%;padding:0;border:0;background:none;box-shadow:none;flex:none}.combined-recorder .camera-bubble video{width:116px;height:116px;border-width:2px}.combined-recorder .bubble-drag{cursor:default}.combined-recorder .bubble-drag span,.combined-recorder #floatCamera,.combined-recorder .camera-bubble small{display:none}.combined-recorder .recording-panel{display:flex;flex-direction:column;align-items:center;width:max-content;font-size:11px;padding:5px 9px;gap:3px;border:0;border-radius:10px;background:#f4f1f9;box-shadow:0 3px 14px #0f102328}.combined-recorder .recording-panel>div:first-child{justify-content:center;min-height:16px}.combined-recorder .recording-panel>div:first-child i,.combined-recorder .recording-panel>div:first-child strong{display:none}.combined-recorder .recording-panel #timer{margin:0;color:#5a4d7b;font-size:10px}.combined-recorder .capture-mode-note{display:none}.combined-recorder .recording-panel>div:last-child{justify-content:center;gap:6px}.combined-recorder .recording-panel #pause,.combined-recorder .recording-panel #stop{display:grid;place-items:center;width:34px;height:34px;min-height:34px;padding:0;border:0;border-radius:50%;color:#564775;background:#e8e3f0}.combined-recorder .recording-panel #stop{color:white;background:#cb6274}.combined-recorder .recording-panel #pause:hover{background:#d8d0e8}.combined-recorder .recording-panel #stop:hover{background:#b74e61}.combined-recorder .recording-panel .control-icon{width:16px;height:16px}.combined-recorder #floatControls{display:none}.capture-mode-note{flex-basis:100%;margin:0;font-size:10px;line-height:1.6;color:#86758a}.floating-setup{text-align:center;padding:15px;color:#f4edf9}.floating-setup h2{font-size:20px;margin:0 0 12px}.floating-setup p{font-size:12px;line-height:1.8;color:#bab0cd}.floating-setup button{margin-top:10px}.combined-recorder .recording-panel>div:last-child{justify-content:center}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.control-icon{width:18px;height:18px;fill:currentColor;display:block}.play-icon{display:none}#pause.is-paused .pause-icon{display:none}#pause.is-paused .play-icon{display:block}
.combined-recorder{padding:8px!important;gap:6px}.combined-recorder .camera-bubble video{width:116px;height:116px;border-width:2px}.combined-recorder .recording-panel{padding:6px 8px;gap:3px;border:0;border-radius:9px;background:#f4f1f9;box-shadow:0 3px 14px #0f102328}.combined-recorder .recording-panel>div:first-child{justify-content:center;min-height:18px}.combined-recorder .recording-panel>div:first-child i,.combined-recorder .recording-panel>div:first-child strong{display:none}.combined-recorder .recording-panel #timer{margin:0;color:#5a4d7b;font-size:11px}.combined-recorder .capture-mode-note{display:none}.combined-recorder .recording-panel>div:last-child{justify-content:center;gap:7px}.combined-recorder .recording-panel #pause,.combined-recorder .recording-panel #stop{display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:50%;color:#564775;background:#e8e3f0}.combined-recorder .recording-panel #stop{color:white;background:#cb6274}.combined-recorder .recording-panel #pause:hover{background:#d8d0e8}.combined-recorder .recording-panel #stop:hover{background:#b74e61}.combined-recorder .recording-panel .control-icon{width:17px;height:17px}.combined-recorder #floatControls{display:none}