html,body{color:#f3f4f6;background:#111318;height:100%;margin:0;font:14px system-ui}main{flex-direction:column;height:100%;display:flex}canvas{object-fit:contain;background:#000;flex:1;width:100%;min-height:0}footer{background:#20242d;align-items:center;gap:16px;padding:14px;display:flex}#status{flex:1}button{color:#fff;cursor:pointer;background:#487cff;border:0;border-radius:6px;padding:8px 12px}button:disabled{opacity:.5;cursor:default}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){footer{gap:8px;padding:8px}footer strong{display:none}#status{flex-basis:100%}}