html,body{color:#f3f4f6;background:#000;width:100%;height:100%;margin:0;font:14px system-ui;overflow:hidden}main{height:100%;position:relative;overflow:hidden}#screen{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}#controls{box-sizing:border-box;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20242de0;align-items:center;gap:12px;min-height:52px;padding:8px 14px;display:flex;position:absolute;bottom:0;left:0;right:0}#controls[hidden]{display:none}#status{flex:1}.volume-controls{align-items:center;gap:6px;display:flex}#volume{accent-color:#487cff;width:88px}button{color:#fff;cursor:pointer;background:#487cff;border:0;border-radius:6px;padding:8px 12px}button:disabled{opacity:.5;cursor:default}#mute,#hide-controls,#show-controls{background:#ffffff1f;padding:8px}#show-controls{opacity:.55;background:#20242d7a;border-radius:50%;transition:opacity .15s;position:absolute;bottom:12px;right:12px}#show-controls:hover,#show-controls:focus-visible{opacity:1}dialog{color:#f3f4f6;background:#20242d;border:1px solid #424854;border-radius:10px;width:min(760px,100vw - 48px);max-height:calc(100vh - 48px);padding:20px}dialog::backdrop{background:#000b}dialog header,dialog footer{background:0 0;align-items:center;gap:12px;padding:0;display:flex}dialog header{justify-content:space-between}dialog h2{margin:0;font-size:18px}dialog footer{justify-content:flex-end;margin-top:12px}dialog footer span{flex:1}#logs-output{color:#e5e7eb;white-space:pre-wrap;overflow-wrap:anywhere;background:#111318;border-radius:6px;min-height:180px;max-height:55vh;padding:12px;font:12px/1.5 ui-monospace,monospace;overflow:auto}@media (width<=560px){#controls{gap:6px;padding:6px}#controls strong{display:none}#status{min-width:0}#volume{width:56px}}@media (width<=400px){#controls{flex-wrap:wrap}#status{flex:100%}}