.livescreen{flex-direction:column;gap:10px;margin:0;display:flex}.livescreen figcaption{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.livescreen .glass{width:100%;box-shadow:inset 0 0 0 2px var(--orange), var(--shadow-2);background:var(--sunk);cursor:crosshair;touch-action:manipulation;border-radius:12px;display:block;position:relative;overflow:hidden}.livescreen .glass:active{transform:none}.livescreen img{aspect-ratio:1280/900;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.livescreen .ripple{width:36px;height:36px;box-shadow:0 0 0 2px var(--orange);pointer-events:none;opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);background:#ff6b2c59;border-radius:18px;margin:-18px 0 0 -18px;position:absolute;transform:scale(1.4)}@starting-style{.livescreen .ripple{opacity:1;transform:scale(.5)}}.livekeys{gap:8px;display:flex}.livekeys input{border:1px solid var(--line-2);background:var(--surface);border-radius:12px;flex:auto;min-width:0;min-height:44px;padding:0 14px}@media (prefers-reduced-motion:reduce){.livescreen .ripple{transition:opacity .3s;transform:none}@starting-style{.livescreen .ripple{transform:none}}}