: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}#display,#quality,#fps{padding:6px 8px;border-radius:6px;border:1px solid #444;background:#222;color:#eee}#display[hidden]{display:none}#bar select:disabled{opacity:.45}#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:default}#hostcursor{position:absolute;top:0;left:0;z-index:5;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}#hostcursor[hidden]{display:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;pointer-events:none;text-align:center;padding:20px}#overlay[hidden]{display:none}#overlayText{max-width:640px;font-size:16px;color:#ddd}#files{position:absolute;top:0;right:0;bottom:0;width:min(460px,100%);background:#191919;border-left:1px solid #333;display:flex;flex-direction:column;z-index:8;box-shadow:-6px 0 24px #0006}#files[hidden]{display:none}#files .fhead{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid #333;background:#1e1e1e}#files .fhead button,#files .fuploadlbl{padding:5px 9px;border-radius:6px;border:1px solid #3a3a3a;background:#2b2b2b;color:#eee;cursor:pointer;font-size:13px}#fpath{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9cf;font-family:ui-monospace,monospace;font-size:12px}#fnote{padding:4px 10px;font-size:12px;color:#aaa;min-height:18px}#flist{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1}#flist li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;cursor:pointer;border-bottom:1px solid #232323}#flist li:hover{background:#262626}#flist .fname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#flist .fsize{color:#888;font-variant-numeric:tabular-nums;flex:none}#flist .dir .fname{color:#cde}.ficon{vertical-align:-3px;margin-right:8px;flex:none}#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}