:root{color-scheme:dark;font:16px/1.6 system-ui,sans-serif;background:#101619;color:#e9f1ef}*{box-sizing:border-box}body{margin:0}main{max-width:1160px;margin:auto;padding:40px 24px}.badge{font-size:12px;letter-spacing:.16em;color:#89dfc7}h1{font-size:clamp(28px,4vw,44px);letter-spacing:-.04em;margin:12px 0}h2{font-size:20px}p{color:#aabbb6}.panel,aside{background:#1a2529;border:1px solid #304145;border-radius:16px;padding:24px}.panel{margin:28px 0}.row{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}label{display:block;margin-bottom:8px;font-size:14px}input,textarea{width:100%;padding:12px;border:1px solid #47615e;background:#111b1e;color:inherit;border-radius:8px;font:inherit}textarea{min-height:100px;resize:vertical}button{padding:11px 18px;border:0;border-radius:8px;background:#9be4cb;color:#112721;font:600 14px system-ui;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c3a6ff;outline-offset:3px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.screen{position:relative;min-height:420px;background:#080e10;border:1px solid #304145;border-radius:16px;display:grid;place-items:center;overflow:hidden}video{display:block;max-width:100%;max-height:75vh;width:auto;height:auto;touch-action:none}video:not([src]){min-width:0}.screen p{position:absolute;text-align:center;padding:20px;pointer-events:none}.navigation{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:24px}.navigation button{padding:10px}.hint{font-size:13px}#sendText{margin-top:10px}#status{margin-bottom:0}@media(max-width:760px){.workspace{grid-template-columns:1fr}main{padding:24px 16px}.screen{min-height:300px}}