.prompter-shell,.prompter-layout{display:contents}.record-button-group{display:flex;align-items:center;gap:10px;flex-shrink:0}.prompter-toggle{font-size:13px;padding:12px 14px}.prompter-switch{display:block;position:relative;width:28px;height:17px;border-radius:10px;background:#d9dfd0;flex-shrink:0}.prompter-switch::after{content:'';position:absolute;width:11px;height:11px;left:3px;top:3px;background:white;border-radius:50%;box-shadow:0 1px 2px #0002}.prompter-toggle[aria-pressed=true]{background:#edf4df;border-color:#a6c272}.prompter-toggle[aria-pressed=true] .prompter-switch{background:#89ad48}.prompter-toggle[aria-pressed=true] .prompter-switch::after{left:14px}
.recorder-dialog.has-prompter{height:100dvh;max-height:100dvh;margin:0 auto;top:0;bottom:auto;padding:0;overflow:hidden}.has-prompter .prompter-shell{display:block;height:100%;width:100%}.has-prompter .prompter-layout,.prompter-shell:fullscreen .prompter-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(var(--prompter-space,210px),1fr) auto minmax(12px,1fr);height:100%;padding:10px 26px 0;background:#f9faf7;overflow:auto;max-width:760px;margin:0 auto;--prompter-height:clamp(110px,17dvh,180px)}.prompter-shell:fullscreen{display:block;width:100vw;height:100dvh;background:#40473c;overflow:hidden}.prompter-shell:fullscreen .prompter-layout{width:min(760px,100%);border-radius:14px}.has-prompter .recorder-core{grid-row:2;min-width:0;width:100%}.prompter-pane{grid-row:1;align-self:start;width:100%;min-width:0;margin:0;padding:0}.prompter-viewport{height:var(--prompter-height,150px);overflow-y:auto;overscroll-behavior:contain;scroll-behavior:auto;text-align:center;line-height:1.55;color:#26321e;background:#f1f4eb;border:1px solid #dde5d0;border-radius:10px;padding:8px 18px;font-size:30px;font-weight:500;scrollbar-width:thin;overflow-anchor:none}.prompter-viewport #prompterText{white-space:pre-wrap;overflow-wrap:anywhere;max-width:620px;margin:0 auto;padding-bottom:max(0px,calc(var(--prompter-height,150px) - 1.55em - 16px))}.prompter-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:9px 0 0;color:#606e52}.prompter-toolbar .text-button{font-size:11px}.prompter-speed{display:flex;gap:7px;align-items:center;font-size:11px}.prompter-speed input{width:82px;min-width:0;padding:0;height:22px;accent-color:#87aa47;background:transparent;border:0}.prompter-speed output{font-size:10px;min-width:42px;font-variant-numeric:tabular-nums}.prompter-font{display:flex;align-items:center;gap:5px}.prompter-font button{padding:5px 7px;border:1px solid #d8dfce;border-radius:6px;background:#fff;color:#4c5e39;font-size:12px}.prompter-font output{font-size:11px;min-width:20px;text-align:center}.prompter-pane .prompter-status{font-size:11px;color:#7b856f;text-align:center;margin:7px 0 4px;line-height:1.45;min-height:16px}.prompter-editor{padding:12px 0}.prompter-editor label{display:block;font-size:13px;margin-bottom:6px}.prompter-editor textarea{width:100%;max-height:140px;resize:vertical;padding:12px;border:1px solid #dce3d2;border-radius:9px;line-height:1.5;font:inherit;font-size:14px}.prompter-editor .button{padding:9px 13px;min-height:36px;font-size:12px;margin-top:8px}.prompter-editor .muted{font-size:11px;margin-left:10px}.has-prompter .prompter-layout.prompter-compact{display:flex;flex-direction:column;gap:14px;padding-bottom:20px}.prompter-compact .prompter-pane,.prompter-compact .recorder-core{flex-shrink:0}.prompter-compact .recorder-core{margin:auto 0}.prompter-compact .camera-stage{max-height:42dvh}.prompter-compact .dialog-heading{margin-bottom:12px}.prompter-compact .device-selectors{margin-bottom:14px}@media(max-width:760px){.record-button-group{width:100%;flex-wrap:wrap}.record-button-group>.button{flex:1}.has-prompter .prompter-layout,.prompter-shell:fullscreen .prompter-layout{padding-left:16px;padding-right:16px;--prompter-height:clamp(100px,16dvh,150px)}.prompter-viewport{padding-left:10px;padding-right:10px}.prompter-toolbar{gap:7px}.prompter-editor .muted{display:block;margin:8px 0 0}}@media(max-height:600px){.has-prompter .prompter-layout{--prompter-height:100px}.prompter-compact .camera-stage{max-height:36dvh}}