:root{font-family:Inter,system-ui,sans-serif;color:#dbe6ee;background:#0b1118;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:28px}header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.mark{background:#b2f59b;color:#102117;border-radius:12px;padding:10px 16px;font-size:28px;font-weight:800}.mark span{font-size:18px}h1{font-size:21px;margin:0}p{color:#8798a8;font-size:13px}header p{margin:5px 0}#state{margin-left:auto;border:1px solid #344238;border-radius:20px;padding:8px 15px;color:#b2f59b;font-size:13px}.pairing{display:flex;align-items:end;gap:12px;margin-bottom:18px}label{font-size:12px;color:#a0b0bd;display:flex;flex-direction:column;gap:8px}input,select{background:#101c27;color:#e2eaf0;border:1px solid #293a48;border-radius:7px;padding:11px;font:inherit}input:focus,select:focus,button:focus-visible{outline:2px solid #b2f59b}button{border:0;border-radius:7px;padding:12px 18px;font:600 13px system-ui;cursor:pointer;color:#102117;background:#b2f59b}button.secondary{color:#d5e1e9;background:#1c2a36;border:1px solid #30414e}button:disabled{opacity:.45;cursor:default}.screen{position:relative;background:#03070b;border:1px solid #273642;border-radius:10px;overflow:hidden;aspect-ratio:16/9;max-height:72vh}.screen:fullscreen{max-height:none;aspect-ratio:auto;width:100vw;height:100vh;border:0;border-radius:0}video{width:100%;height:100%;object-fit:contain;display:block;touch-action:none}#placeholder{position:absolute;top:42%;text-align:center;width:100%;pointer-events:none}#placeholder strong{font-size:21px;color:#b6c5d1}nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:15px 0 24px}nav span{color:#7d8f9f;font-size:12px;margin-left:auto}.toggle{flex-direction:row;align-items:center}.panels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.panel{background:#111c26;border:1px solid #243541;padding:20px;border-radius:10px}.panel h2{font-size:14px;margin:0 0 20px}.panel label{margin:14px 0}dl{display:grid;grid-template-columns:1fr auto;gap:13px;font-size:12px}dt{color:#8297a7}dd{margin:0;text-align:right;color:#dae9f0}.hint{line-height:1.7;font-size:12px}#error{color:#ffb4a5;font-size:13px;white-space:pre-wrap;margin:12px 0}footer{margin-top:24px;color:#678092;font-size:12px}@media(max-width:760px){main{padding:14px}.pairing{flex-wrap:wrap}.pairing label{flex:1;min-width:130px}input{width:100%}.panels{grid-template-columns:1fr}nav{gap:8px}nav span{width:100%}header p{display:none}.toggle input{width:auto}.screen{min-height:220px}#placeholder p{padding:0 20px}}.panel{min-width:0}.panel select{max-width:100%;width:100%}dt,dd{overflow-wrap:anywhere}dl{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#error{overflow-wrap:anywhere}.panel button{margin:4px 0}.screen{width:100%;min-width:0}