.back-btn{height:32px;border:0;border-radius:10px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--tp-gray-text);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease}.back-btn:hover{background:var(--tp-surface-hover)}.back-btn svg{flex:none}*{box-sizing:border-box}html.tp-page,body.tp,.tp-overlay{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--tp-page-bg);color:var(--tp-page-text)}.tp-overlay{position:fixed;inset:0;z-index:var(--z-overlay)}body.tp button,.tp-overlay button{font:inherit}.app{position:relative;width:100%;height:100vh;height:100dvh;min-height:520px;background:var(--tp-page-bg);overflow:hidden;overscroll-behavior:none}.app-header{position:absolute;inset:0 0 auto;height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:var(--tp-page-bg);transition:background 1.1s cubic-bezier(.45,0,.2,1)}.app.record-dim .app-header{background:transparent;pointer-events:auto}.app-header .header-left{transition:opacity .28s ease,transform .28s ease,visibility .28s ease}.app-header .record-controls{opacity:1;filter:none;transition:opacity .28s ease,filter .28s ease}.app.record-dim .app-header .header-left{opacity:0;visibility:hidden;transform:translateY(-8px) scale(.94)}.app.record-dim .app-header .record-controls{opacity:.6;filter:saturate(.9) brightness(.96);pointer-events:auto}.app.record-dim.mirror-on .app-header .record-controls{opacity:0}.app.record-dim .app-header:hover .record-controls,.app.record-dim.record-paused .app-header .record-controls{opacity:.6;filter:saturate(.9) brightness(.96)}.app.record-dim .app-header .record-controls:hover,.app.record-dim .record-controls:focus-within{opacity:.6;filter:saturate(.9) brightness(.96)}.header-left{justify-self:start;display:flex;align-items:center;gap:16px;min-width:0}.logo-btn{border:0;padding:0;background:none;color:var(--tp-page-text);display:inline-flex;align-items:center;cursor:pointer;flex:none}.logo-btn svg{height:22px;width:auto;display:block}.header-divider{width:1px;height:12px;background:var(--tp-divider);flex:none}.record-controls{position:absolute;top:50%;right:20px;transform:translateY(-50%);display:flex;align-items:center;gap:6px;z-index:13}.app-header .record-controls{z-index:48}.reading-action-button{display:none;height:36px;border:1px solid var(--tp-control-border);border-radius:10px;padding:0 11px;align-items:center;justify-content:center;gap:6px;background:var(--tp-surface);color:var(--tp-gray-text);font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:transform .15s ease,filter .15s ease}.app.record-dim .restart-reading-button,.app.playback-only .exit-playback-button{display:inline-flex}.app.playback-only .record-button{display:none}.reading-action-button:hover{filter:brightness(.97);transform:translateY(-1px)}.reading-action-button:active{transform:translateY(0)}.reading-action-button:focus-visible,.pause-button:focus-visible,.header-play-button:focus-visible,.record-button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.pause-button{display:none;height:32px;border:1px solid var(--tp-control-border);border-radius:10px;padding:0 12px;align-items:center;justify-content:center;gap:6px;background:var(--tp-surface);color:var(--tp-gray-text);font-size:12px;font-weight:500;cursor:pointer;transition:transform .15s ease,filter .15s ease}.pause-button.show{display:inline-flex}.pause-button:hover{filter:brightness(.97);transform:translateY(-1px)}.pause-button:active{transform:translateY(0)}.pause-button svg{color:var(--tp-gray-text)}.pause-button .icon-play,.pause-button.paused .icon-pause{display:none}.pause-button.paused .icon-play{display:block}.header-play-button{height:32px;border:0;border-radius:8px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--tp-page-text);color:var(--tp-page-bg);font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.header-play-button:hover{opacity:.88;transform:translateY(-1px)}.header-play-button:active{transform:translateY(0)}.header-play-button.hidden{display:none}.header-play-button svg{width:24px;height:24px;color:var(--tp-page-bg)}.header-play-button .icon-pause,.header-play-button.playing .icon-play{display:none}.header-play-button.playing .icon-pause{display:block}.record-button{height:36px;border:0;border-radius:10px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--tp-record-btn);color:var(--tp-white);font-size:14px;font-weight:500;line-height:1;-webkit-font-smoothing:antialiased;box-shadow:none;cursor:pointer;z-index:13;transition:opacity .1s}.record-button:hover{opacity:.92}.record-button:active{opacity:.85}.record-dot{width:12px;height:12px;border-radius:50%;background:var(--tp-record-dot);flex:none}.record-button.recording .record-dot{border-radius:2px;animation:recordPulse 1.1s infinite}.record-button.paused .record-dot{animation-play-state:paused;opacity:.55}@keyframes recordPulse{0%,to{opacity:1}50%{opacity:.45}}.stage{position:absolute;inset:60px 0 0;background:var(--tp-page-bg);overflow:hidden;transition:background 1.1s cubic-bezier(.45,0,.2,1)}.app.record-dim .stage{top:0}.app.cam-on .stage{background:var(--tp-camera-bg)}.app:not(.cam-on) .camera-canvas{display:none}.app:not(.cam-on) .panel{display:none}.app.cam-on .prompt-box{display:none}.app .prompt-box{position:absolute;inset:0;min-height:166px;border:0;padding:28px clamp(80px,14vw,260px) 120px;outline:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--tp-prompt-text);font-size:clamp(24px,2.3vw,30px);font-weight:400;line-height:1.25;letter-spacing:-.018em;caret-color:var(--tp-blue);overflow:auto;overscroll-behavior:none;white-space:pre-wrap;word-break:break-word;box-shadow:none}html[data-theme=light] .app .prompt-box{color:#000;caret-color:var(--tp-blue)!important}html[data-theme=dark] .app .prompt-box{color:#fff;caret-color:var(--tp-blue)!important}.app.record-dim .prompt-box{scrollbar-width:none}.app.record-dim .prompt-box::-webkit-scrollbar{display:none}.app .prompt-box:focus{box-shadow:none}.app .prompt-box:empty:before{content:attr(data-placeholder);opacity:.45}.app .prompt-box::-webkit-scrollbar{width:7px}.app .prompt-box::-webkit-scrollbar-thumb{background:var(--tp-scrollbar-thumb);border-radius:999px}.app .prompt-box.hidden{display:none}.camera-canvas{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);overflow:hidden;background:var(--tp-camera-bg);border-radius:3px;z-index:1}.camera-feed{width:100%;height:100%;object-fit:contain;transform:scaleX(-1);background:var(--tp-camera-bg)}.camera-feed.hidden{visibility:hidden}.camera-placeholder{position:absolute;inset:0;z-index:1;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#ffffffbf;font-size:14px;background:radial-gradient(1000px 500px at 70% 20%,rgba(69,152,231,.16),transparent 60%),radial-gradient(800px 460px at 25% 85%,rgba(239,77,98,.14),transparent 60%),var(--tp-camera-placeholder-bg);text-align:center;padding:0 30px}.app.cam-on .camera-placeholder.show{display:flex}.camera-placeholder svg{width:46px;height:46px;opacity:.8}.panel{--tp-panel-stage-offset: 0px;position:absolute;top:24px;left:50%;transform:translate(-50%) translateY(var(--tp-panel-stage-offset));width:600px;max-width:min(92%,600px);height:400px;max-height:calc(100% - 130px);background:var(--tp-panel-bg-dark-60);border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000059;z-index:46}.panel.is-dragging{will-change:transform}.app.record-dim .panel{--tp-panel-stage-offset: 60px}.app.cam-on .stage{overflow:visible}.app.cam-on .layout-frame{z-index:47}.panel.closed{display:none}.resize-handle{position:absolute;z-index:22;touch-action:none}.resize-handle[data-resize=nw]:hover,.resize-handle[data-resize=ne]:hover,.resize-handle[data-resize=sw]:hover,.resize-handle[data-resize=se]:hover{background:#ffffff1f}.resize-handle[data-resize=n]{top:0;left:18px;right:18px;height:7px;cursor:ns-resize}.resize-handle[data-resize=s]{bottom:0;left:18px;right:18px;height:7px;cursor:ns-resize}.resize-handle[data-resize=e]{right:0;top:18px;bottom:18px;width:7px;cursor:ew-resize}.resize-handle[data-resize=w]{left:0;top:18px;bottom:18px;width:7px;cursor:ew-resize}.resize-handle[data-resize=nw]{top:0;left:0;width:18px;height:18px;cursor:nwse-resize;border-top-left-radius:20px}.resize-handle[data-resize=ne]{top:0;right:0;width:18px;height:18px;cursor:nesw-resize;border-top-right-radius:20px}.resize-handle[data-resize=sw]{bottom:0;left:0;width:18px;height:18px;cursor:nesw-resize;border-bottom-left-radius:20px}.resize-handle[data-resize=se]{bottom:0;right:0;width:18px;height:18px;cursor:nwse-resize;border-bottom-right-radius:20px}.drag-handle{position:absolute;top:6px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,4px);grid-template-rows:repeat(2,4px);gap:4px;z-index:20;cursor:grab;padding:5px 8px}.drag-handle.dragging{cursor:grabbing}.drag-handle span{width:4px;height:4px;border-radius:50%;background:#ffffff8c}.control-bar-resize{display:none}.close-btn{position:absolute;top:14px;right:14px;width:18px;height:18px;border-radius:50%;background:#1a1a1a8c;border:none;color:var(--tp-white);font-size:0;padding:0;cursor:pointer;z-index:20}.close-btn:before,.close-btn:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:1.4px;background:currentColor;border-radius:1px}.close-btn:before{transform:translate(-50%,-50%) rotate(45deg)}.close-btn:after{transform:translate(-50%,-50%) rotate(-45deg)}.close-btn:hover{background:#000000bf}.control-bar .panel-edit-btn{display:none}.app.cam-on:not(.record-dim) .panel-edit-btn{display:flex}.panel-edit-btn:hover,.panel-edit-btn.active{color:var(--tp-green)}.app.record-dim .theme-btn-bar,.app.record-dim .control-bar-resize{display:none}.app.record-dim:not(.playback-only) .control-bar{display:none}.teleprompter{box-sizing:border-box;position:absolute;top:0;left:0;z-index:15;width:100%;height:calc(100% - 40px);margin-top:20px;padding:60px 64px;overflow-y:auto;overscroll-behavior:none;font-size:32px;font-weight:500;line-height:1.25;color:var(--tp-white);background:transparent;border:none;outline:none;scrollbar-width:none;white-space:pre-wrap;word-break:break-word;caret-color:var(--tp-white);text-align:center;-webkit-mask-image:linear-gradient(0deg,transparent 0%,rgba(24,25,27,1) 64px);mask-image:linear-gradient(0deg,transparent 0%,rgba(24,25,27,1) 64px)}.teleprompter::-webkit-scrollbar{display:none}.teleprompter:empty:before{content:attr(data-placeholder);color:#fff9}.app .prompt-box:after,.teleprompter:after,.notch-scroll:after{display:block;height:var(--tp-scroll-tail, 0px);pointer-events:none;content:""}.control-bar{position:absolute;bottom:0;left:0;width:100%;height:40px;background:var(--tp-control-bar-bg);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:20}.control-bar button{background:none;border:none;color:var(--tp-white);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;opacity:.9}.control-bar button:hover{opacity:1}.control-bar #layoutControl{display:flex;flex-direction:row;gap:0;min-width:32px}.control-bar #layoutControl .icon-wrap,.control-bar #layoutControl .action-btn,.control-bar #layoutControl .action-btn svg{width:20px;height:20px}.control-bar #layoutControl .label{display:none}.theme-btn-bar .icon-contrast{display:block}.control-bar .side{display:flex;align-items:center;gap:14px}.control-bar .center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:18px}.play-btn{width:32px;height:32px;border-radius:50%;background:transparent;flex-shrink:0}.play-btn svg{fill:var(--tp-white);width:20px;height:20px}.app.record-dim:not(.playback-only) .play-btn,.app.record-dim:not(.playback-only) .pause-button{display:none}.countdown{position:absolute;inset:0;z-index:25;display:none;align-items:center;justify-content:center;background:#00000059;color:var(--tp-white);font-size:120px;font-weight:700}.countdown.show{display:flex}.toolbar-shell{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:var(--z-overlay);width:fit-content;height:fit-content;max-width:calc(100vw - 24px);background:var(--tp-surface);border:0;border-radius:22px;padding:10px 18px 8px;box-shadow:0 6px 20px #181c2614;transition:opacity .9s cubic-bezier(.45,0,.2,1),visibility .9s;overscroll-behavior:none}.app.cam-on .toolbar-shell{box-shadow:0 6px 20px #181c262e}.app.record-dim .toolbar-shell{opacity:0;visibility:hidden;pointer-events:none}.toolbar{display:flex;align-items:flex-end;justify-content:center;gap:22px;margin-bottom:0;padding:0;background:transparent;border-radius:0;box-shadow:none;flex-wrap:nowrap;white-space:nowrap}.item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;-webkit-user-select:none;user-select:none;border:0;background:transparent;padding:0;min-width:48px}.icon-wrap{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.toggle-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tp-green-light);transition:transform .1s ease,background .15s ease,opacity .15s ease}.toggle-btn svg{transform:scale(.82)}.item:hover .toggle-btn,.item:hover .action-btn{transform:translateY(-1px)}.item.is-off .toggle-btn{background:var(--tp-toggle-off-bg);filter:grayscale(1);opacity:.72}.caret{position:absolute;top:-3px;right:-5px;width:18px;height:18px;border-radius:50%;background:var(--tp-caret-bg);box-shadow:0 1px 3px #00000029;display:flex;align-items:center;justify-content:center;color:var(--tp-caret-arrow);cursor:pointer}.caret:hover{color:var(--tp-page-text)}.caret svg{width:10px;height:10px}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--tp-icon-fg);transition:transform .1s ease}.action-btn svg{width:34px;height:34px;color:var(--tp-square-bg);transition:color .15s ease}.item:hover .action-btn svg{color:var(--tp-gray-text)}.item.selected .action-btn svg{color:var(--tp-green)}.scroll-action-icon{color:var(--tp-scroll-icon)}.item:hover .scroll-action-icon{color:var(--tp-gray-text)}.item.active .scroll-action-icon,.item.selected .scroll-action-icon,.item.auto-scroll-active .scroll-action-icon{color:var(--tp-green)}.toolbar-shell .item:has(.action-btn) .icon-wrap,.toolbar-shell .item .action-btn{width:40px;height:40px}.toolbar-shell .item .action-btn svg{width:38px;height:38px}.toolbar-shell .item .scroll-action-icon{width:38px;height:38px}.label{max-width:80px;font-size:12px;line-height:1.1;font-weight:550;color:var(--tp-gray-text);white-space:nowrap;text-align:center}.item.active .label,.item.selected .label{color:var(--tp-green-dark)}.divider{width:1px;height:22px;margin:0 -8px 11px;background:var(--tp-divider);align-self:center}.badge{position:absolute;top:-7px;left:50%;transform:translate(-50%);background:var(--tp-green-dark);color:var(--tp-white);font-size:8px;line-height:1;font-weight:700;padding:2px 4px;border-radius:4px;white-space:nowrap;z-index:2}.toolbar-value{position:absolute;top:-10px;left:50%;min-width:24px;transform:translate(-50%);border-radius:5px;background:var(--tp-green-dark);color:var(--tp-white);padding:2px 4px;font-size:8px;font-weight:700;line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;z-index:2}.layout-frame{position:absolute;z-index:42;display:none;pointer-events:none}.layout-frame.show{display:block}.layout-eyeline.eye-hidden:before{display:none}.layout-handle,.layout-eyeline{opacity:0;transition:opacity .18s ease}.app.guides-peek .layout-handle,.app.guides-peek .layout-eyeline{opacity:.4}.stage .layout-handle:hover,.stage .layout-handle:focus-visible,.stage .layout-handle:active,.stage .layout-eyeline:hover,.stage .layout-eyeline:focus-visible,.stage .layout-eyeline:active{opacity:1}.app.record-dim .layout-handle{display:none}.app.record-dim .layout-eyeline{opacity:.85;pointer-events:none}.app.record-dim .layout-eye-grip,.app.record-dim .layout-eyeline.eye-hidden,.app.record-dim.notch-on .layout-eyeline{display:none}.layout-handle{position:absolute;border:0;padding:0;background:transparent;box-shadow:none;pointer-events:none;touch-action:none}.layout-handle.left,.layout-handle.right{top:0;bottom:0;width:24px;cursor:ew-resize}.layout-handle.left:before,.layout-handle.right:before{content:"";position:absolute;top:0;bottom:0;width:2px;border-radius:2px;background:var(--tp-margin-guide)}.layout-handle.left:before{right:0;transform:translate(50%)}.layout-handle.right:before{left:0;transform:translate(-50%)}.layout-handle.left{left:-12px}.layout-handle.right{right:-12px}.app.cam-on .layout-handle.left,.app.cam-on .layout-handle.right{bottom:40px}.layout-grip{position:absolute;top:24px;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--tp-margin-grip);color:var(--tp-white);border:1px solid rgba(255,255,255,.2);box-shadow:0 3px 8px #00000059;cursor:grab;white-space:nowrap;pointer-events:auto;touch-action:none;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.layout-handle:hover .layout-grip{transform:translate(-50%,-50%) scale(1.15);box-shadow:0 5px 12px #00000073}.layout-handle.is-dragging .layout-grip{transform:translate(-50%,-50%) scale(.95);box-shadow:0 2px 4px #00000040;cursor:grabbing}.layout-grip svg{width:18px;height:18px;flex-shrink:0}.layout-handle.left .layout-grip{left:100%}.layout-handle.right .layout-grip{left:0}.layout-grip-label{display:inline;font-family:inherit;font-size:12px;font-weight:700;line-height:1}.layout-eyeline{position:absolute;left:0;right:0;top:25%;height:24px;transform:translateY(-50%);border:0;padding:0;background:transparent;box-shadow:none;pointer-events:none;touch-action:none;cursor:ns-resize}.layout-eyeline:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:16px;height:24px;background:var(--tp-eyeline);clip-path:polygon(0 0,100% 50%,0 100%);filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}.layout-eye-grip{position:absolute;top:50%;left:22px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;gap:5px;min-width:32px;height:24px;padding:0 12px;border-radius:999px;background:var(--tp-eyeline-grip);color:var(--tp-eyeline-grip-fg);box-shadow:0 2px 6px #00000040;cursor:grab;white-space:nowrap;pointer-events:auto;touch-action:none}.layout-eyeline:active .layout-eye-grip{cursor:grabbing}.layout-eye-grip svg{width:15px;height:15px;flex-shrink:0}.prompter-mirrored{transform:scaleX(-1)}.app:not(.cam-on) .toolbar [data-action=Prompter]{display:none}.app:not(.cam-on) .toolbar [data-action=Prompter]+.divider{display:none}#layoutControl{display:none}.device-menu{position:absolute;z-index:2000;min-width:240px;max-width:320px;background:var(--tp-surface);border-radius:14px;padding:6px;box-shadow:0 0 0 1px #12151a0f,0 14px 34px #12151a29;display:none}.device-menu.open{display:flex;flex-direction:column}.device-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;border-radius:8px;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--tp-page-text);cursor:pointer;text-align:left}.device-option:hover{background:var(--tp-surface-hover)}.device-options{display:contents}.device-status{padding:10px 12px;font-size:13px;line-height:1.4;color:var(--tp-caret-arrow)}.device-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-check{flex:0 0 auto;width:16px;height:16px;visibility:hidden;color:var(--tp-green-dark)}.device-option.selected .device-check{visibility:visible}.device-menu-divider{height:1px;margin:6px 4px;background:var(--tp-divider)}.device-action{width:100%;border:0;border-radius:8px;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--tp-page-text);cursor:pointer;text-align:left}.device-action:hover{background:var(--tp-surface-hover)}.popup-title{padding:4px 10px 10px;margin-bottom:6px;border-bottom:1px solid var(--tp-divider);font-size:12px;font-weight:600;color:var(--tp-gray-text);text-transform:uppercase;letter-spacing:.03em;text-align:center}.quick-menu{position:absolute;z-index:2000;width:196px;padding:8px;border-radius:16px;background:var(--tp-surface);box-shadow:0 0 0 1px #12151a0a,0 4px 6px -1px #12151a0d,0 16px 36px -4px #12151a29,0 24px 48px -8px #12151a1f;display:none;opacity:0;transition:opacity .2s cubic-bezier(.16,1,.3,1)}html[data-theme=dark] .quick-menu{box-shadow:0 0 0 1px #ffffff0d,0 4px 6px -1px #0003,0 16px 36px -4px #0006,0 24px 48px -8px #0000004d}@keyframes quickMenuPopIn{0%{opacity:0;transform:scale(.96) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.quick-menu.open{display:flex;flex-direction:column;gap:4px;animation:quickMenuPopIn .2s cubic-bezier(.16,1,.3,1) forwards}.speed-menu{width:320px;padding:16px}.scroll-mode-options{display:grid;gap:6px}.scroll-mode-option{overflow:hidden;border-radius:10px;background:var(--tp-surface);border:1px solid var(--tp-control-border);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.scroll-mode-option:hover{background:var(--tp-surface-hover)}.scroll-mode-option:has(.scroll-mode-choice.selected){border-color:var(--tp-green-dark);background:var(--tp-surface)}.scroll-mode-choice{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:12px;min-height:42px;border:0;border-radius:0;padding:10px 14px;background:transparent;color:var(--tp-page-text);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:color .18s ease}.scroll-mode-choice:hover{background:transparent}.scroll-mode-choice.selected{background:transparent;color:var(--tp-green-dark)}.scroll-choice-radio{width:16px;height:16px;display:grid;place-items:center;border:2px solid var(--tp-control-border);border-radius:50%;background:var(--tp-surface);transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),background-color .2s ease}.scroll-choice-radio:after{width:8px;height:8px;border-radius:50%;background:var(--tp-green-dark);content:"";opacity:0;transform:scale(.4);transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .25s cubic-bezier(.34,1.56,.64,1)}.scroll-mode-choice.selected .scroll-choice-radio{border-color:var(--tp-green-dark)}.scroll-mode-choice.selected .scroll-choice-radio:after{opacity:1;transform:scale(1)}.scroll-mode-choice:active{transform:translateY(1px)}.scroll-mode-choice:focus-visible{outline:2px solid var(--tp-green-dark);outline-offset:-2px}.speed-mode-panel{min-width:0;margin:0;padding:12px 14px 14px;border-top:1px dashed var(--tp-divider)}.speed-editor{display:grid;gap:12px}.speed-editor-header,.speed-input-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--tp-page-text);font-size:12px;font-weight:500}.speed-editor-header span,.speed-input-row label{color:var(--tp-gray-text)}.speed-editor output{color:var(--tp-green-dark);font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;background:color-mix(in srgb,var(--tp-green-dark) 10%,transparent);padding:2px 8px;border-radius:6px}.speed-range{-webkit-appearance:none;appearance:none;width:100%;height:20px;margin:4px 0;padding:0;border:0;outline:none;background:transparent;cursor:pointer;--fill: 0%}.speed-range::-webkit-slider-runnable-track{height:6px;border:0;border-radius:999px;background:linear-gradient(to right,var(--tp-green-dark) var(--fill),var(--tp-track-bg) var(--fill));transition:height .15s ease}.speed-range:hover::-webkit-slider-runnable-track{height:8px}.speed-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;margin-top:-5px;border:2px solid var(--tp-surface);border-radius:50%;background:var(--tp-green-dark);transition:transform .15s cubic-bezier(.175,.885,.32,1.275),background-color .15s ease}.speed-range:hover::-webkit-slider-thumb{transform:scale(1.2)}.speed-range::-webkit-slider-thumb:active{transform:scale(1.3);background:var(--tp-green-dark)}.speed-range::-moz-range-track{height:6px;border:0;border-radius:999px;background:var(--tp-track-bg);transition:height .15s ease}.speed-range:hover::-moz-range-track{height:8px}.speed-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--tp-green-dark);transition:height .15s ease}.speed-range:hover::-moz-range-progress{height:8px}.speed-range::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--tp-surface);border-radius:50%;background:var(--tp-green-dark);transition:transform .15s cubic-bezier(.175,.885,.32,1.275)}.speed-range:hover::-moz-range-thumb{transform:scale(1.2)}.speed-number-wrap{width:100px;height:32px;display:flex;align-items:center;gap:6px;border:1.5px solid var(--tp-control-border);border-radius:8px;padding:0 10px;background:var(--tp-surface-hover);color:var(--tp-caret-arrow);font-size:11px;font-weight:600;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.speed-number-wrap:focus-within{border-color:var(--tp-green-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-green-dark) 12%,transparent);background:var(--tp-surface)}.speed-number-input{width:100%;min-width:0;border:0;outline:0;padding:0;background:transparent;color:var(--tp-page-text);font:inherit;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.speed-mode-panel[hidden],.speed-editor[hidden],.speed-time-editor[hidden]{display:none}.speed-time-editor{display:grid;gap:12px}.speed-time-editor output{color:var(--tp-green-dark);font-variant-numeric:tabular-nums;font-weight:700;font-size:13px;background:color-mix(in srgb,var(--tp-green-dark) 10%,transparent);padding:2px 8px;border-radius:6px}.scroll-time-inputs{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin-top:4px}.scroll-time-inputs label{display:grid;gap:6px;color:var(--tp-gray-text);font-size:11px;font-weight:500}.scroll-time-inputs input{width:100%;height:32px;border:1.5px solid var(--tp-control-border);border-radius:8px;outline:0;padding:0 10px;background:var(--tp-surface-hover);color:var(--tp-page-text);font:inherit;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.scroll-time-inputs input:focus{border-color:var(--tp-green-dark);box-shadow:0 0 0 3px color-mix(in srgb,var(--tp-green-dark) 12%,transparent);background:var(--tp-surface)}.scroll-time-separator{padding-bottom:6px;color:var(--tp-control-border);font-size:18px;font-weight:600;text-align:center}.bar-speed{display:flex;align-items:center;gap:8px;color:var(--tp-bar-muted);cursor:default}.bar-speed-icon{flex-shrink:0;color:var(--tp-bar-muted)}.bar-speed-value{font-size:12px;color:var(--tp-bar-muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:52px;text-align:center}.settings-quick{width:248px;padding:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;cursor:pointer;color:var(--tp-page-text);-webkit-user-select:none;user-select:none;transition:background-color .15s ease,transform .1s ease}.settings-row:hover{background:var(--tp-surface-hover)}.settings-row:active{transform:scale(.98)}.settings-row.theme-row{cursor:default}.settings-row.theme-row:hover{background:none}.settings-row.theme-row:active{transform:none}.settings-row-title{font-size:13px;font-weight:600;line-height:1.3}.theme-toggle-group{display:flex;background:var(--tp-track-bg);border-radius:8px;padding:2px;gap:2px;border:1px solid var(--tp-control-border);flex-shrink:0}.theme-btn{display:flex;align-items:center;justify-content:center;width:32px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--tp-gray-text);cursor:pointer;transition:color .15s ease,background-color .15s ease,transform .1s ease;padding:0}.theme-btn:hover{color:var(--tp-page-text);background:#787d871a}.theme-btn:active{transform:scale(.92)}.theme-btn.active{background:var(--tp-surface);color:var(--tp-green-dark);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}html[data-theme=dark] .theme-toggle-group{background:#ffffff0f;border-color:#ffffff0a}html[data-theme=dark] .theme-btn:hover{color:var(--tp-white);background:#ffffff14}html[data-theme=dark] .theme-btn.active{background:var(--tp-caret-bg);color:var(--tp-green);box-shadow:0 1px 3px #0000004d}.settings-switch{position:relative;flex-shrink:0;width:40px;height:22px}.settings-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.settings-switch-track{position:absolute;inset:0;border-radius:999px;background:var(--tp-track-bg);border:1px solid var(--tp-control-border);transition:background-color .2s cubic-bezier(.16,1,.3,1),border-color .2s cubic-bezier(.16,1,.3,1)}.settings-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--tp-white);box-shadow:0 1px 3px #00000026;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.settings-switch input:checked+.settings-switch-track{background:var(--tp-green-dark);border-color:var(--tp-green-dark)}.settings-switch input:checked+.settings-switch-track:after{transform:translate(18px)}.settings-row-nav{width:100%;border:0;background:none;font:inherit;text-align:left;padding-left:12px;padding-right:12px}.settings-row-chevron{color:var(--tp-gray-text);flex-shrink:0;transition:transform .2s ease}.settings-row:hover .settings-row-chevron{transform:translate(2px)}.settings-row-value{font-size:12px;font-weight:500;color:var(--tp-gray-text);flex:0 0 auto}.shortcuts-quick{width:248px;padding:8px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;color:var(--tp-page-text);transition:background-color .15s ease}.shortcut-row:hover{background:var(--tp-surface-hover)}.shortcut-row-label{font-size:13px;font-weight:500}.shortcut-row-keys{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:6px;background:var(--tp-surface);color:var(--tp-page-text);border:1px solid var(--tp-control-border);border-bottom:2px solid var(--tp-control-border);font-family:var(--font-mono, ui-monospace, monospace);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;box-shadow:0 1px 2px #0000000d}.settings-row label{font-size:12.5px;font-weight:500;color:var(--tp-page-text)}.switch{position:relative;flex:0 0 auto;width:40px;height:24px;border:0;border-radius:999px;padding:2px;background:var(--tp-switch-off);display:inline-flex;align-items:center;cursor:pointer;transition:background .18s ease}.switch .knob{width:20px;height:20px;border-radius:50%;background:var(--tp-white);box-shadow:0 1px 3px #00000040;transform:translate(0);transition:transform .18s ease}.switch[aria-checked=true]{background:var(--tp-green-dark)}.switch[aria-checked=true] .knob{transform:translate(16px)}.record-countdown{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:none;background:#181a1e8c;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.45,0,.2,1),visibility .5s}.record-countdown.show{opacity:1;visibility:visible}.record-countdown .count-box{display:grid;place-items:center}.record-countdown .num{font-size:clamp(92px,14vw,140px);font-weight:700;color:#ffffff8c;line-height:1;animation:countPop 1s cubic-bezier(.45,0,.2,1) both}@keyframes countPop{0%{opacity:0;transform:scale(1.35)}25%{opacity:1;transform:scale(1)}75%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}.toast{position:absolute;left:50%;bottom:76px;transform:translate(-50%,10px);padding:8px 12px;border-radius:8px;background:var(--tp-toast-bg);color:var(--tp-white);font-size:12px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:20}.app.cam-on .toast{bottom:108px}.toast.show{opacity:1;transform:translate(-50%)}.toast.toast--warn-subtle{opacity:.78;font-size:11px;background:#282614e0;color:#fde68a;padding:6px 10px;border-radius:6px}@media(max-width:820px){.app .prompt-box{inset:0;padding:20px 32px 110px;min-height:175px;font-size:22px}.panel{max-width:94%;max-height:calc(100% - 150px)}.teleprompter{padding:90px 44px 80px;font-size:24px}.toolbar-shell{left:50%;transform:translate(-50%);overflow-x:auto;width:fit-content;max-width:calc(100vw - 60px);padding:10px 10px 4px;scrollbar-width:none}.toolbar-shell::-webkit-scrollbar{display:none}.toolbar{width:max-content;min-width:100%;gap:16px}}@media(max-width:600px){.app{min-height:100%}.stage{inset:60px 0 0}.record-controls{top:50%;right:8px}.app.record-dim .record-controls{position:fixed;top:auto;right:10px;bottom:calc(14px + env(safe-area-inset-bottom));transform:none}.app .prompt-box{inset:0;min-height:0;padding:16px 20px 96px;font-size:16px}.panel{top:0;width:100%;max-width:100%;height:min(400px,52vh);max-height:calc(100% - 140px);border-radius:0 0 16px 16px}.app.record-dim .panel{--tp-panel-stage-offset: 0px}.close-btn{display:none}.teleprompter{padding:64px 30px;font-size:20px}.control-bar{padding:0 10px;justify-content:flex-start;gap:12px}.control-bar .side{gap:10px}.control-bar-resize{display:flex;align-items:center;justify-content:center;align-self:stretch;margin-left:auto;margin-right:-10px;padding:0 14px;color:var(--tp-white);cursor:nwse-resize;touch-action:none;opacity:.9}.drag-handle,.resize-handle{display:none}.toolbar-shell{left:50%;transform:translate(-50%);bottom:calc(10px + env(safe-area-inset-bottom));width:fit-content;max-width:calc(100vw - 16px);border-radius:18px;padding:10px 10px 4px;box-shadow:0 6px 20px #181c261f}.toolbar{gap:14px}.toast{bottom:calc(84px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}.app.cam-on .toast{bottom:calc(116px + env(safe-area-inset-bottom))}.quick-menu,.device-menu{max-width:calc(100vw - 20px)}}@media(max-height:560px){.app{min-height:100%}.app .prompt-box{top:0}.panel{top:8px;height:min(400px,62vh);max-height:calc(100% - 100px)}}@media(pointer:coarse){.resize-handle[data-resize=n],.resize-handle[data-resize=s]{height:14px}.resize-handle[data-resize=e],.resize-handle[data-resize=w]{width:14px}.resize-handle[data-resize=nw],.resize-handle[data-resize=ne],.resize-handle[data-resize=sw],.resize-handle[data-resize=se]{width:26px;height:26px}.drag-handle{padding:8px 14px}.close-btn{width:24px;height:24px}.close-btn:before,.close-btn:after{width:10px}}.format-toolbar{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:2px;padding:4px;background:var(--tp-surface);border-radius:14px;box-shadow:#44444614 0 4px 6px,#4444460a 0 1px 3px;transition:opacity .28s ease,visibility .28s ease}html[data-theme=dark] .format-toolbar,html[data-theme=dark] .toolbar-shell{background:var(--tp-black)}.app.cam-on .format-toolbar,.app.record-dim .format-toolbar,.app.notch-on .format-toolbar{opacity:0;visibility:hidden;pointer-events:none}.app.cam-on.format-edit-open:not(.record-dim):not(.notch-on) #formatToolbar{opacity:1;visibility:visible;pointer-events:auto}.panel>#formatToolbar{inset:auto 0 40px;z-index:21;width:100%;max-width:100%;min-height:44px;padding:4px 8px;overflow-x:auto;border-radius:0;box-shadow:none;transform:none;scrollbar-width:none;background:var(--tp-control-bar-bg);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.panel>#formatToolbar::-webkit-scrollbar{display:none}.panel:not(.theme-light)>#formatToolbar button,.panel:not(.theme-light)>#formatToolbar select,.panel:not(.theme-light)>#formatToolbar .ft-line-height-control{color:var(--tp-white)}.panel:not(.theme-light)>#formatToolbar button:hover,.panel:not(.theme-light)>#formatToolbar select:hover:not(.ft-line-height),.panel:not(.theme-light)>#formatToolbar .ft-line-height-control:hover{background-color:#ffffff1a;color:var(--tp-white)}.panel:not(.theme-light)>#formatToolbar select option{background:var(--tp-control-bar-bg);color:var(--tp-white)}.panel:not(.theme-light)>#formatToolbar .ft-color-a,.panel:not(.theme-light)>#formatToolbar .ft-caret{color:var(--tp-white)}.panel:not(.theme-light)>#formatToolbar button.active,.panel:not(.theme-light)>#formatToolbar .ft-color.active{background-color:var(--tp-green-active-bg);color:var(--tp-green)}.panel:not(.theme-light)>#formatToolbar .ft-color.active .ft-color-a{color:var(--tp-green)}.panel:not(.theme-light)>#formatToolbar .ft-divider{background-color:#ffffff26}.panel.theme-light>#formatToolbar{background:var(--tp-panel-light-bar);border-top:1px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.08)}.panel.theme-light>#formatToolbar button,.panel.theme-light>#formatToolbar select,.panel.theme-light>#formatToolbar .ft-line-height-control{color:var(--tp-page-text)}.panel.theme-light>#formatToolbar button:hover,.panel.theme-light>#formatToolbar select:hover:not(.ft-line-height),.panel.theme-light>#formatToolbar .ft-line-height-control:hover{background-color:#0000000f;color:var(--tp-page-text)}.panel.theme-light>#formatToolbar select option{background:var(--tp-panel-light-bar);color:var(--tp-page-text)}.panel.theme-light>#formatToolbar .ft-color-a,.panel.theme-light>#formatToolbar .ft-caret{color:var(--tp-page-text)}.panel.theme-light>#formatToolbar button.active,.panel.theme-light>#formatToolbar .ft-color.active{background-color:var(--tp-green-light);color:var(--tp-green-dark)}.panel.theme-light>#formatToolbar .ft-color.active .ft-color-a{color:var(--tp-green-dark)}.panel.theme-light>#formatToolbar .ft-divider{background-color:#0000001a}.panel>.layout-frame{z-index:16}.mobile-format-toolbar{display:none;position:fixed;left:0;right:0;top:60px;height:44px;padding:0 12px;transform:none;border-radius:0;box-shadow:none;border-bottom:1px solid var(--tp-divider);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:48}.mobile-format-toolbar::-webkit-scrollbar{display:none}.mobile-format-toolbar>*{flex:none}.mff-more{display:none;position:fixed;top:60px;right:0;height:44px;width:52px;z-index:49;align-items:center;justify-content:flex-end;padding-right:10px;border:0;border-bottom:1px solid var(--tp-divider);color:var(--tp-page-text);background:linear-gradient(to right,transparent,var(--tp-surface) 45%);cursor:pointer}.mff-more-left{right:auto;left:0;justify-content:flex-start;padding-right:0;padding-left:10px;background:linear-gradient(to left,transparent,var(--tp-surface) 45%)}html[data-theme=dark] .mff-more{background:linear-gradient(to right,transparent,var(--tp-black) 45%)}html[data-theme=dark] .mff-more-left{background:linear-gradient(to left,transparent,var(--tp-black) 45%)}@media(max-width:768px){.app.mff-has-more:not(.cam-on):not(.record-dim):not(.notch-on) .mff-more:not(.mff-more-left),.app.mff-has-prev:not(.cam-on):not(.record-dim):not(.notch-on) .mff-more-left{display:inline-flex}}@media(max-width:600px){.mff-more{top:0}}@media(max-width:768px){.speed-number-input{font-size:16px}.header-divider,.bar-speed,.app-header .back-btn,#notchControl,.toolbar [data-action=Prompter],.toolbar [data-action=Prompter]+.divider{display:none}.app.cam-on:not(.notch-on) .toolbar [data-action=Prompter]{display:flex}.app.cam-on #mirrorControl,.app.cam-on #speedControl,.app.cam-on #settingsControl{display:none}#layoutControl{display:flex}.app.layout-guides-on:not(.record-dim) .layout-handle,.app.layout-guides-on:not(.record-dim) .layout-eyeline{opacity:1!important}}@media(max-width:1024px){#formatToolbar{display:none}.mobile-format-toolbar{display:flex}.app.cam-on .panel>#formatToolbar{display:flex}.app:not(.cam-on):not(.record-dim):not(.notch-on) .stage{top:calc(60px + var(--mobile-toolbar-h, 44px))}.app.layout-guides-on:not(.record-dim) .layout-handle,.app.layout-guides-on:not(.record-dim) .layout-eyeline{opacity:1!important}.app:not(.layout-guides-on) .layout-handle,.app:not(.layout-guides-on):not(.record-dim) .layout-eyeline{display:none!important}#shortcutsControl,.toolbar [data-toggle=mic]{display:none!important}#mobileMicSettingsRow{display:flex!important}}#mobileMicSettingsRow{display:none}.format-toolbar button{width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--tp-page-text);font-size:14px;font-weight:500;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease}.format-toolbar button:hover{background:var(--tp-surface-hover);color:var(--tp-page-text)}.format-toolbar button.active{background:var(--tp-green-light);color:var(--tp-green-dark)}.format-toolbar .ft-bold{font-weight:800}.format-toolbar .ft-italic{font-style:italic;font-family:Georgia,serif}.format-toolbar .ft-underline{text-decoration:underline}.format-toolbar .ft-align svg{width:18px;height:18px}.format-toolbar .ft-divider{width:1px;height:12px;background:var(--tp-divider);margin:0 12px;flex:none}.format-toolbar select{height:36px;border:0;border-radius:12px;background:transparent;color:var(--tp-page-text);font-size:14px;font-weight:500;padding:0 10px;max-width:148px;cursor:pointer;outline:none;transition:background-color .15s ease;-webkit-appearance:none;appearance:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.format-toolbar .ft-font-size{min-width:54px;flex:0 0 auto}.format-toolbar select:hover:not(.ft-line-height){background:var(--tp-surface-hover);color:var(--tp-page-text)}.ft-line-height-control{display:inline-flex;align-items:center;flex:none}.format-toolbar .ft-line-height-control{height:36px;border-radius:12px;color:var(--tp-page-text);transition:background-color .15s ease}.format-toolbar .ft-line-height-control:hover{background:var(--tp-surface-hover)}.format-toolbar .ft-line-height-icon{width:18px;height:18px;margin-left:8px;flex:none}.format-toolbar .ft-line-height{width:46px;padding:0 8px 0 4px}.format-toolbar .ft-line-height-control .ft-line-height:hover,.format-toolbar .ft-line-height-control .ft-line-height:focus{background:transparent;outline:none}.ft-color-split-group{display:inline-flex;align-items:center;gap:0}.format-toolbar .ft-color{position:relative;width:28px;height:36px;border:0;background:transparent;padding:0;color:inherit;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.format-toolbar .ft-color-picker-btn{position:relative;width:20px;height:36px;border:0;background:transparent;padding:0;color:inherit;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none}.format-toolbar .ft-color:hover{background:var(--tp-surface-hover)}.format-toolbar .ft-color.active{background:var(--tp-green-light)}.format-toolbar .ft-color.active .ft-color-a{color:var(--tp-green-dark)}.format-toolbar .ft-color-a{font-weight:800;font-size:14px;color:var(--tp-page-text);line-height:1;transform:translateY(-2px)}.format-toolbar .ft-color-bar{position:absolute;left:5px;right:5px;bottom:7px;height:4px;border-radius:1px;background:var(--tp-record)}.format-toolbar .ft-caret{width:10px;height:10px;color:var(--tp-gray-text)}.ft-bi-group,.ft-align-group{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.mobile-format-toolbar{gap:8px;padding:4px 12px;min-height:38px}.mobile-format-toolbar .ft-divider{display:none}.mobile-format-toolbar button{width:30px;height:30px}.mobile-format-toolbar select{height:30px;padding:0 6px;max-width:100px}.mobile-format-toolbar .ft-line-height-control{height:30px}.mobile-format-toolbar .ft-line-height-icon{width:16px;height:16px;margin-left:6px}.mobile-format-toolbar .ft-line-height{width:42px;padding:0 6px 0 3px}.mobile-format-toolbar .ft-color,.mobile-format-toolbar .ft-color-picker-btn{height:30px}.color-popup{position:fixed;z-index:4000;width:232px;padding:10px;border-radius:18px;background:var(--tp-surface);box-shadow:0 0 0 1px #12151a0f,0 20px 44px #12151a33;opacity:0;transform:translateY(-4px) scale(.97);pointer-events:none;transition:opacity .16s cubic-bezier(.16,1,.3,1),transform .16s cubic-bezier(.16,1,.3,1)}.color-popup.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.color-popup-sv{position:relative;width:100%;height:112px;margin:0 0 10px;border-radius:12px;cursor:crosshair;touch-action:none;box-shadow:inset 0 0 0 1px #12151a14;background:linear-gradient(to top,var(--tp-black),rgba(0,0,0,0)),linear-gradient(to right,var(--tp-white),hsl(var(--hue, 0),100%,50%))}.color-popup-sv-thumb{position:absolute;width:14px;height:14px;border-radius:50%;background:transparent;border:2px solid var(--tp-white);box-shadow:0 0 0 1px #00000059,0 1px 4px #0006;transform:translate(-50%,-50%);pointer-events:none}.color-popup-hue{position:relative;width:100%;height:12px;margin:0 0 12px;border-radius:6px;cursor:pointer;touch-action:none;box-shadow:inset 0 0 0 1px #12151a14;background:var(--tp-hue-gradient)}.color-popup-hue-thumb{position:absolute;top:50%;width:16px;height:16px;border-radius:50%;background:transparent;border:2px solid var(--tp-white);box-shadow:0 0 0 1px #00000059,0 1px 4px #0006;transform:translate(-50%,-50%);pointer-events:none}.color-popup-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:0 4px;margin-bottom:10px}.color-popup-swatch{width:26px;height:26px;border-radius:50%;border:1px solid rgba(18,21,26,.08);padding:0;cursor:pointer;transition:transform .15s cubic-bezier(.16,1,.3,1),box-shadow .15s ease}.color-popup-swatch:hover{transform:scale(1.16)}.color-popup-swatch.selected{box-shadow:0 0 0 2px var(--tp-surface),0 0 0 4px var(--tp-green)}.color-popup-hex{display:flex;align-items:center;gap:8px;background:var(--tp-surface-hover);border:1px solid var(--tp-control-border);border-radius:12px;padding:7px 10px;margin:0 4px;cursor:text}.color-popup-hex-dot{width:18px;height:18px;border-radius:50%;flex:none;border:1px solid rgba(18,21,26,.1)}.color-popup-hex-prefix{color:var(--tp-gray-text);font-size:13px;font-weight:600}.color-popup-hex input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:13px;font-weight:500;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em;text-transform:uppercase;color:var(--tp-page-text)}.color-popup.dark{background:var(--tp-color-popup-dark-bg);box-shadow:0 0 0 1px #ffffff14,0 20px 44px #00000073}.color-popup.dark .color-popup-sv,.color-popup.dark .color-popup-hue{box-shadow:inset 0 0 0 1px #ffffff24}.color-popup.dark .color-popup-swatch{border-color:#ffffff1f}.color-popup.dark .color-popup-swatch.selected{box-shadow:0 0 0 2px var(--tp-color-popup-dark-bg),0 0 0 4px var(--tp-green)}.color-popup.dark .color-popup-hex{background:#ffffff14;border-color:#ffffff24}.color-popup.dark .color-popup-hex-prefix{color:#ffffff80}.color-popup.dark .color-popup-hex input{color:var(--tp-white)}.color-popup.dark .color-popup-hex-dot{border-color:#ffffff29}.panel.theme-light{--tp-page-text: #303136;box-shadow:0 20px 60px #00000040}.panel.theme-light .resize-handle[data-resize=nw]:hover,.panel.theme-light .resize-handle[data-resize=ne]:hover,.panel.theme-light .resize-handle[data-resize=sw]:hover,.panel.theme-light .resize-handle[data-resize=se]:hover{background:#00000014}.panel.theme-light .drag-handle span{background:#00000059}.panel.theme-light .control-bar-resize{color:var(--tp-page-text)}.panel.theme-light .close-btn{background:#0000001f;color:var(--tp-page-text)}.panel.theme-light .close-btn:hover{background:#0003}.panel.theme-light .teleprompter{color:#000;caret-color:#000!important}.panel:not(.theme-light) .teleprompter{color:#fff;caret-color:#fff!important}.panel.theme-light .teleprompter:empty:before{color:#00000073}.panel.theme-light .control-bar{background:var(--tp-panel-light-bar)}.panel.theme-light .control-bar button,.panel.theme-light .bar-speed,.panel.theme-light .bar-speed-value{color:var(--tp-page-text)}.panel.theme-light .bar-speed-icon{color:var(--tp-panel-light-icon)}.panel.theme-light .play-btn svg{fill:var(--tp-page-text)}html.theme-instant,html.theme-instant *,html.theme-instant *:before,html.theme-instant *:after{transition:none!important}.notch-prompter{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:1000;width:340px;height:100px;display:none}.notch-prompter.show{display:block}.app.notch-on .prompt-box,.app.notch-on .panel{display:none!important}.notch-mode-guide{position:absolute;inset:60px 24px 90px;z-index:3;display:none;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:24px;margin:0;text-align:center;color:var(--tp-gray-text);font-size:clamp(21px,2vw,28px);font-weight:500;line-height:1.6;opacity:.78;pointer-events:none}.notch-mode-guide span{display:block}@media(min-width:601px){.notch-mode-guide span{white-space:nowrap}}.app.notch-on:not(.cam-on):not(.record-dim) .notch-mode-guide{display:flex}.app.notch-on .layout-frame,.app.notch-on .layout-handle,.app.notch-on .layout-eyeline{display:none!important}.app.notch-on #mirrorControl,.app.notch-on [data-action=Prompter]{display:none}.notch-body{position:relative;width:100%;height:100%;background:var(--tp-black);border-radius:0 0 20px 20px;box-shadow:0 6px 14px #00000040;overflow:hidden}.notch-prompter:before{content:"";width:32px;height:32px;clip-path:path("M 0 0 L 32 0 L 32 32 Q 32 0 0 0 Z");background-color:var(--tp-black);position:absolute;top:0;left:-31px}.notch-prompter:after{content:"";width:32px;height:32px;clip-path:path("M 0 0 L 0 32 Q 0 0 32 0 Z");background-color:var(--tp-black);position:absolute;top:0;right:-31px}.notch-fade{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,var(--tp-black),transparent);z-index:2;pointer-events:none}.notch-scroll{width:100%;height:100%;overflow-y:auto;padding:40px 16px;scrollbar-width:none}.notch-scroll::-webkit-scrollbar{display:none}.notch-text{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:16px;font-weight:600;line-height:1.25;white-space:pre-wrap;word-break:break-word;text-align:center;color:#ffffffe6}.tp-para-mirror{position:fixed;top:0;left:-100000px;margin:0;padding:0;border:0;visibility:hidden;pointer-events:none}.notch-resize{position:absolute;z-index:3}.notch-resize[data-notch-resize=e]{top:0;right:-6px;width:12px;height:100%;cursor:ew-resize}.notch-resize[data-notch-resize=w]{top:0;left:-6px;width:12px;height:100%;cursor:ew-resize}.notch-resize[data-notch-resize=s]{left:12px;right:12px;bottom:-6px;height:12px;cursor:ns-resize}.notch-resize[data-notch-resize=se]{right:-6px;bottom:-6px;width:18px;height:18px;cursor:nwse-resize}.notch-resize[data-notch-resize=sw]{left:-6px;bottom:-6px;width:18px;height:18px;cursor:nesw-resize}.notch-edit-btn{position:absolute;right:8px;bottom:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:var(--tp-blue);color:var(--tp-white);cursor:pointer;box-shadow:0 2px 4px #0003;z-index:4;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.notch-edit-btn svg{width:16px;height:16px}.notch-edit-btn:hover{background:var(--se-blue-hover);color:var(--tp-white);transform:scale(1.08);box-shadow:0 4px 12px #0000004d}.notch-edit-btn:active{transform:scale(.95)}.notch-edit-btn.active{background:var(--tp-green);color:var(--tp-notch-active-fg);box-shadow:0 0 12px var(--tp-green-active-bg)}.notch-edit-panel{position:absolute;top:calc(100% + 14px);left:50%;width:min(640px,92vw);height:min(380px,70vh);display:flex;flex-direction:column;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%);z-index:4}.notch-edit-panel.show{opacity:1;visibility:visible;pointer-events:auto}@media(min-width:1440px){.notch-edit-panel{width:min(760px,92vw)}}@media(min-width:1920px){.notch-edit-panel{width:min(880px,92vw)}}.notch-edit-body{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--tp-black);border-radius:20px;box-shadow:0 10px 28px #00000059;overflow:hidden}.notch-edit-panel.dragging{transition:none}.notch-edit-resize{position:absolute;z-index:5;width:18px;height:18px}.notch-edit-resize[data-notch-edit-resize=nw]{top:-6px;left:-6px;cursor:nwse-resize}.notch-edit-resize[data-notch-edit-resize=ne]{top:-6px;right:-6px;cursor:nesw-resize}.notch-edit-resize[data-notch-edit-resize=se]{bottom:-6px;right:-6px;cursor:nwse-resize}.notch-edit-resize[data-notch-edit-resize=sw]{bottom:-6px;left:-6px;cursor:nesw-resize}.notch-edit-toolbar{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:5px;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.1);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.notch-edit-toolbar.dragging{cursor:grabbing}.notch-edit-select{background:#ffffff14;color:var(--tp-white);border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:6px 8px;font-size:13px;max-width:120px;cursor:pointer}#notchEditFontSize{min-width:66px;flex:0 0 auto}.notch-edit-line-height-control{height:30px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;color:var(--tp-white)}.notch-edit-line-height-control .ft-line-height-icon{width:16px;height:16px;margin-left:6px}.notch-edit-line-height-control .notch-edit-select{width:44px;height:28px;padding:0 6px 0 3px;border:0;background:transparent}.notch-edit-line-height-control .notch-edit-select:hover{background:transparent}.notch-edit-divider{width:1px;height:20px;background:#ffffff24;margin:0 3px}.notch-edit-cmd,.notch-edit-align{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:0;border-radius:7px;background:transparent;color:#ffffffd9;font-size:13px;cursor:pointer}.notch-edit-cmd:hover,.notch-edit-align:hover,.notch-edit-color:hover{background:#ffffff1a}.notch-edit-cmd.active,.notch-edit-align.active,.notch-edit-color.active{background:var(--tp-green-active-bg);color:var(--tp-green)}.notch-edit-align svg{width:16px;height:16px}.notch-edit-color-split-group{display:inline-flex;align-items:center;gap:0}.notch-edit-color{position:relative;width:24px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:6px;padding:0;background:transparent;color:var(--tp-white);font:inherit;cursor:pointer}.notch-edit-color-picker-btn{position:relative;width:16px;height:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;border-radius:6px;padding:0;background:transparent;color:var(--tp-white);font:inherit;cursor:pointer}.notch-edit-color-a{font-size:11px;line-height:1;font-weight:700}.notch-edit-color-bar{width:12px;height:3px;border-radius:1px;margin-top:2px;background:var(--tp-white)}.notch-edit-caret{width:8px;height:8px;color:#ffffffa6}.notch-edit-textarea{box-sizing:border-box;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;color:var(--tp-white);padding:20px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:24px;font-weight:400;line-height:1.25;letter-spacing:-.018em;white-space:pre-wrap;word-break:break-word}.notch-edit-textarea:focus{outline:none}.notch-edit-textarea:empty:before{content:attr(data-placeholder);color:#ffffff59}.app.record-dim~.notch-prompter .notch-edit-btn,.app.record-dim~.notch-prompter .notch-edit-panel{display:none!important}.tp-empty{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:24px;background:var(--tp-page-bg);color:var(--tp-page-text)}.tp-empty[hidden]{display:none}.tp-empty__card{max-width:420px;text-align:center}.tp-empty__title{margin:0 0 10px;font-size:24px;font-weight:700}.tp-empty__body{margin:0 0 20px;color:var(--tp-gray-text);font-size:15px;line-height:1.5}.tp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border:1px solid var(--tp-control-border);border-radius:10px;background:var(--tp-surface);color:var(--tp-page-text);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:filter .15s ease,background-color .15s ease}.tp-btn:hover{filter:brightness(.97)}.tp-btn--primary{border-color:transparent;background:var(--tp-green-dark);color:var(--tp-white)}.tp-scene-editor[hidden]{display:none}@media(max-width:768px){.color-popup-hex input{font-size:16px}}.m-studio-bar{display:none}@media(max-width:600px){.app-header{display:none}.mobile-format-toolbar{top:0}.app:not(.cam-on):not(.record-dim):not(.notch-on) .stage{top:var(--mobile-toolbar-h, 44px)}.app.cam-on .stage{top:0}.toolbar-shell{display:none}.m-studio-bar{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));margin:0 auto;width:fit-content;max-width:calc(100vw - 20px);z-index:46;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:8px 18px 10px;background:var(--tp-surface);border-radius:26px;box-shadow:0 8px 24px #181c2629}.m-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:2px}.m-studio-bar .m-tab{position:relative;border:0;background:transparent;padding:2px 2px 4px;font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--tp-gray-text);cursor:pointer;transition:color .15s ease}.m-studio-bar .m-tab.active{color:var(--tp-page-text)}.m-studio-bar .m-tab.active:after{content:"";position:absolute;left:50%;bottom:0;width:14px;height:2px;border-radius:2px;background:var(--tp-green);transform:translate(-50%)}.m-tab-panels{display:grid}.m-tab-panel{grid-area:1 / 1;display:flex;align-items:center;justify-content:center;gap:18px;visibility:hidden}.m-tab-panel.active{visibility:visible}.m-studio-bar .item{min-width:0}.m-studio-bar .item .label{display:none}#mPanelTools .item .label{display:block;font-size:11px;font-weight:550;line-height:1.2;margin-top:4px}#mPanelTools .item .icon-wrap,#mPanelTools .item .action-btn{width:46px;height:46px}#mPanelTools .item .action-btn svg{width:46px;height:46px}#mPanelTools [data-action=Prompter]{display:none}.app.cam-on #mPanelTools [data-action=Prompter],.app.cam-on #mPanelTools #speedControl,.app.cam-on #mPanelTools #mirrorControl,.app.cam-on #mPanelMain #settingsControl{display:flex}.app:not(.record-dim) #mPanelMain .record-controls{position:static;inset:auto;transform:none;gap:0}.app:not(.record-dim) #mPanelMain #recordButton{width:44px;height:44px;padding:0;border:2px solid var(--tp-white, #fff);border-radius:50%;background:transparent}.app:not(.record-dim) #mPanelMain #recordButton .record-dot{width:32px;height:32px;border-radius:50%;background:var(--tp-record-btn);display:block}.app:not(.record-dim) #mPanelMain #recordButton .record-label{display:none}.app:not(.record-dim) #mPanelMain .header-play-button{width:32px;height:32px;padding:0;border:2px solid var(--tp-white, #fff);border-radius:50%;background:transparent;display:inline-flex;align-items:center;justify-content:center}.app:not(.record-dim) #mPanelMain .header-play-button svg{width:24px;height:24px;color:var(--tp-white, #fff)}.app:not(.record-dim) #mPanelMain .header-play-button .header-play-label{display:none}.app.record-dim .m-studio-bar,.app.notch-on .m-studio-bar{background:transparent;box-shadow:none;padding:0;gap:0}.app.record-dim #mPanelMain,.app.notch-on #mPanelMain{visibility:visible}.app.record-dim .m-tabs,.app.notch-on .m-tabs,.app.record-dim .m-tab-panel>:not(.record-controls),.app.notch-on .m-tab-panel>:not(.record-controls){display:none!important}#mPanelMain .record-controls{transition:opacity .28s ease,filter .28s ease}.app.record-dim #mPanelMain .record-controls{opacity:.6;filter:saturate(.9) brightness(.96)}html[data-theme=dark] .m-studio-bar{background:var(--tp-black)}}.tp-stale-badge{position:fixed;bottom:var(--space-6);left:var(--space-6);z-index:var(--z-toast);display:inline-flex;align-items:center;max-width:min(80vw,360px);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-md);background:var(--ws-warn);color:var(--ws-primary-ink);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;line-height:1.3;text-align:left;cursor:pointer;animation:tp-stale-badge-in var(--dur-normal) var(--ease-out)}@media(max-width:768px){.tp-stale-badge{display:none}}.tp-stale-badge[hidden]{display:none}.tp-stale-badge:hover{filter:brightness(.94)}.tp-stale-badge:focus-visible{outline:2px solid var(--ws-warn);outline-offset:2px}@keyframes tp-stale-badge-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.tp-stale-badge{animation:none}}.permission-overlay{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--confirm-scrim);animation:permission-fade var(--dur-fast) ease}.permission-box{position:relative;width:100%;max-width:360px;max-height:78vh;max-height:78dvh;overflow-y:auto;padding:20px 22px;background:var(--confirm-surface);border:1px solid var(--confirm-border);border-radius:var(--radius-md);box-shadow:var(--confirm-shadow);text-align:center;animation:permission-pop var(--dur-fast) var(--ease-out)}@media(max-width:540px){.permission-box{max-height:68dvh}}.permission-x{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--confirm-text);cursor:pointer;transition:background var(--dur-fast) ease}.permission-x:hover{background:var(--confirm-icon-bg)}.permission-x svg{width:16px;height:16px}.permission-title{margin:0 0 16px;font-size:16px;font-weight:700;color:var(--confirm-title)}.permission-steps{margin:0 0 18px;padding:0;list-style:none;counter-reset:permission-step;text-align:left}.permission-step{position:relative;margin:0 0 14px;padding-left:30px;counter-increment:permission-step}.permission-step:last-child{margin-bottom:0}.permission-step-head{font-size:13.5px;line-height:1.45;color:var(--confirm-text)}.permission-step:before{content:counter(permission-step);position:absolute;left:0;top:-1px;display:flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:50%;background:var(--confirm-icon-bg);color:var(--confirm-title);font-size:12px;font-weight:700}.permission-step-fig{margin:8px 0 2px;border:1px solid var(--confirm-border);border-radius:var(--radius-sm);overflow:hidden}.permission-step-fig img{display:block;width:100%;height:auto}.permission-btn{width:100%;padding:11px 16px;border-radius:9px;border:1px solid transparent;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur-fast) ease,color var(--dur-fast) ease}.permission-close{background:var(--confirm-accent);color:var(--confirm-accent-ink)}.permission-close:hover{background:var(--confirm-accent-hover);color:var(--confirm-on-accent)}@keyframes permission-fade{0%{opacity:0}to{opacity:1}}@keyframes permission-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.vs-w,.vs-separator{transition:color .15s,background-color .15s,opacity .15s}.vs-w{position:relative;border-radius:2px}.vs-spoken{opacity:.35}.voice-scroll-active .vs-w{cursor:pointer}.voice-scroll-active .vs-w.vs-active:after{position:absolute;top:calc(100% + .06em);left:0;width:62%;height:3px;pointer-events:none;content:"";background:var(--tp-green);border-radius:999px;transform-origin:left center;animation:vs-word-anchor .7s ease-out both}.voice-scroll-active .vs-w:hover{opacity:.45}.voice-scroll-active .vs-w.vs-spoken:hover{opacity:.2}@keyframes vs-word-anchor{0%{opacity:0;transform:scaleX(.65)}18%{opacity:.8;transform:scaleX(1)}72%{opacity:.7;transform:scaleX(.94)}to{opacity:0;transform:scaleX(.78)}}.vs-line{margin:0;padding:0;line-height:inherit}
