.frame.svelte-1qsyb0l{position:relative;aspect-ratio:4 / 3;max-height:72vh;width:100%;max-width:100%;border-radius:22px;overflow:hidden;background:#0d1320;box-shadow:inset 0 0 0 var(--ring) var(--ring-c);padding:var(--ring);box-sizing:border-box;transition:padding .2s,box-shadow .2s}.frame.full.svelte-1qsyb0l{max-height:none;height:100vh;aspect-ratio:auto;border-radius:0}video.svelte-1qsyb0l{width:100%;height:100%;object-fit:cover;display:block;border-radius:14px;background:#000}.frame.full.svelte-1qsyb0l video:where(.svelte-1qsyb0l){object-fit:contain}.idle.svelte-1qsyb0l{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;text-align:center}.idle.svelte-1qsyb0l .tk-note:where(.svelte-1qsyb0l){color:#cbd5e1;max-width:360px}.mirror-ico.svelte-1qsyb0l{font-size:3.2rem}.flash.svelte-1qsyb0l{position:absolute;inset:0;background:#fff;opacity:.8;pointer-events:none}.fs-bar.svelte-1qsyb0l{position:absolute;left:0;right:0;bottom:calc(24px + env(safe-area-inset-bottom,0px));display:flex;justify-content:center;gap:10px}.ctrls.svelte-1qsyb0l{align-items:center;margin-bottom:12px}.ctrls.svelte-1qsyb0l .tk-field:where(.svelte-1qsyb0l){flex:1 1 150px}.cam.svelte-1qsyb0l{width:auto;max-width:240px}@media(max-width:560px){.frame.svelte-1qsyb0l{aspect-ratio:3 / 4}}