.video-recorder{color:#f7f2e9;background:#121214;max-width:1280px;margin:32px auto;padding:0 24px;font:16px/1.5 Inter,system-ui,sans-serif}.video-recorder h1{letter-spacing:-.04em;font-size:38px}.video-recorder p{color:#b5adaa}.video-recorder a{color:#f58c73}.video-recorder label{flex-direction:column;gap:6px;display:flex}.video-recorder input,.video-recorder button{font:inherit;color:#f7f2e9;background:#1b191d;border:1px solid #ffffff30;border-radius:6px;padding:10px}.video-recorder button{color:#241813;cursor:pointer;background:#f58c73}.video-recorder button:disabled{opacity:.5;cursor:default}.video-controls{flex-wrap:wrap;align-items:end;gap:16px;margin:24px 0;display:flex}.video-controls input{width:160px}.video-output{border-radius:12px;width:100%;height:auto;display:block}.video-stage{width:1000px;height:640px;position:fixed;top:0;left:-20000px}.video-stage .show-stage{width:1000px;height:640px}.video-recorder [role=alert]{color:#ffb5a5}.video-recorder :focus-visible{outline-offset:4px;outline:2px solid #f58c73}