:root{color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font:14px/1.4 system-ui,sans-serif;background:#111;color:#eee;display:flex}#app{display:flex;flex-direction:column;width:100%}#bar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#1b1b1b;border-bottom:1px solid #333}#bar input{padding:6px 8px;border-radius:6px;border:1px solid #444;background:#222;color:#eee}#bar button{padding:6px 12px;border-radius:6px;border:1px solid #3a3a3a;background:#2a6;color:#04120a;font-weight:600;cursor:pointer}#bar button:disabled{opacity:.45;cursor:default}#disconnect{background:#b44;color:#fff}#settingsToggle{background:#334;color:#cde}#status{color:#9cf;margin-left:auto;font-variant-numeric:tabular-nums}#settings{display:none;gap:8px;flex-wrap:wrap;align-items:center;padding:8px 10px;background:#161616;border-bottom:1px solid #333}#settings.open{display:flex}#settings input{padding:6px 8px;border-radius:6px;border:1px solid #444;background:#222;color:#eee;min-width:240px;flex:1}#settings select{padding:6px 8px;border-radius:6px;border:1px solid #444;background:#222;color:#eee}#settings label{color:#aaa;display:flex;align-items:center;gap:6px}#stage{position:relative;flex:1;overflow:hidden;background:#000}#screen{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;outline:none;cursor:crosshair}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;pointer-events:none;text-align:center;padding:20px}#overlayText{max-width:640px;font-size:16px;color:#ddd}#pwmodal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0009;z-index:10}#pwmodal[hidden]{display:none}#pwmodal .card{background:#1e1e1e;border:1px solid #333;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:10px;min-width:280px}#pwmodal input[type=password]{padding:8px;border-radius:6px;border:1px solid #444;background:#222;color:#eee}#pwmodal .row{display:flex;gap:8px;justify-content:flex-end}#pwmodal button{padding:6px 14px;border-radius:6px;border:1px solid #3a3a3a;cursor:pointer}#pwok{background:#2a6;color:#04120a;font-weight:600}#pwcancel{background:#333;color:#eee}