:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e7edef;background:#101719}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;margin:0 auto;padding:46px 28px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#91b2aa}h1{font-size:30px;font-weight:550;margin:10px 0 0;letter-spacing:-1px}.badge{font-size:12px;border:1px solid #344348;padding:8px 13px;border-radius:30px;color:#aabbbf}.badge.live{color:#9df0cf;border-color:#2d7159}.screen{aspect-ratio:16/9;position:relative;border:1px solid #293538;border-radius:16px;overflow:hidden;background:#080d0f}#placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:20px}h2{font-size:19px;font-weight:450;margin:22px 0 10px}p{color:#a8b9bf;font-size:14px;line-height:1.6}.camera-icon{color:#77bdab;font-size:35px}#player,#player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}#player:empty{display:none}#status{min-height:24px;margin:16px 0 24px}form{display:flex;flex-wrap:wrap;gap:13px;align-items:flex-end;padding:23px;border:1px solid #293538;border-radius:13px;background:#151f22}.field{flex:1 1 150px}label{display:block;font-size:12px;color:#acbdc1;margin-bottom:9px}input,select{width:100%;min-height:43px;border:1px solid #3b4a4e;border-radius:7px;background:#111a1d;color:#edf6f5;padding:10px;font:inherit;font-size:14px}input:focus,select:focus{outline:2px solid #72bcaa;outline-offset:2px}button{font:inherit;font-weight:600;font-size:13px;min-height:43px;border:0;border-radius:7px;padding:12px 18px;background:#9edac7;color:#10201b;cursor:pointer}button.secondary{background:#28373c;color:#d4e3e5}button:disabled{opacity:.45;cursor:not-allowed}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:20px;color:#82969d;font-size:12px}.player-body{background:#060a0b;overflow:hidden}.player-body video,.player-body #canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.player-body canvas{width:100%;height:100%;object-fit:contain}@media(max-width:620px){main{padding:26px 16px}h1{font-size:25px}.screen{border-radius:10px}form{padding:16px}.field{flex-basis:100%}form button{flex:1}footer{font-size:11px}h2{font-size:16px}}