:root{color-scheme:dark;font:15px/1.65 system-ui;background:#101a27;color:#edf2f7}*{box-sizing:border-box}body{margin:0}main{max-width:960px;margin:auto;padding:18px}main.desktop{min-width:370px;max-width:680px}h1{font-size:25px;line-height:1.35}h2{font-size:19px}h3{font-size:16px}p{margin:10px 0}section{background:#192839;border:1px solid #3a4f65;border-radius:9px;padding:15px;margin:15px 0}label{display:block;margin:10px 0}input,select{font:inherit;width:100%;padding:10px;background:#0e1825;border:1px solid #607389;border-radius:6px;color:#fff;min-width:0}input[type=checkbox]{width:23px;height:23px;flex:0 0 23px;accent-color:#a1cebd}.check{display:flex;gap:10px;align-items:flex-start}button{font:600 14px/1.4 system-ui;padding:10px 13px;min-height:44px;border:0;border-radius:7px;background:#b5d4c8;color:#172b27;cursor:pointer;margin:5px 3px}button:disabled{opacity:.4;cursor:default}.secondary{background:#344c66;color:#f5f7fb}.danger{background:#8b3c4b;color:white}.muted{font-size:12px;color:#b4c3d3}.eyebrow{direction:ltr;letter-spacing:1px;font-size:10px;color:#b5d4c8}pre{font:12px/1.6 ui-monospace,monospace;text-align:left;direction:ltr;white-space:pre-wrap;overflow-wrap:anywhere;background:#0a1420;padding:12px;max-height:380px;overflow:auto}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #fff0a1;outline-offset:3px}.actions{position:sticky;top:0;background:#101a27f5;padding:8px 0;z-index:20;display:flex;flex-wrap:wrap}.stage{position:relative;aspect-ratio:4/3;background:repeating-linear-gradient(135deg,#293e4c 0 12px,#42545f 12px 24px);direction:ltr;overflow:hidden}.stage video{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;object-position:50% 50%;transform:none}.edge{position:absolute;border:2px solid #74d8f5;pointer-events:none;direction:ltr}.edge span{position:absolute;background:#124d62;color:white;font:12px monospace;padding:2px}.edge span:nth-child(1){left:0;top:0}.edge span:nth-child(2){right:0;top:0}.edge span:nth-child(3){left:0;bottom:0}.edge span:nth-child(4){right:0;bottom:0}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.receiver{overflow:hidden}.receiver .stage{position:fixed;inset:0;aspect-ratio:auto}.receiver #panel{position:fixed;z-index:30;inset:14px 14px auto;max-width:700px;max-height:calc(100vh - 28px);overflow:auto;background:#101a27f7;border:1px solid #7b8da4;padding:15px}.receiver .stopOnly{position:fixed;z-index:31;bottom:8px;right:8px}.receiver.toolsHidden #panel,.receiver.toolsHidden .stopOnly{display:none}.receiver.markersHidden .edge{display:none}[hidden]{display:none!important}@media(max-width:450px){main{padding:12px}h1{font-size:22px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}