:root{color-scheme:dark;font:14px system-ui,sans-serif;background:#04111d;color:#d9efff}*{box-sizing:border-box}body{margin:0;overflow:hidden}header,footer{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#061a2b;border-bottom:1px solid #245570;height:58px}header strong{margin-right:auto;color:#67d5ff}button,select,input{background:#0b2a40;border:1px solid #39627c;color:#def3ff;border-radius:4px;padding:8px 12px;cursor:pointer}button:disabled{opacity:.45;cursor:default}main{height:calc(100dvh - 100px);position:relative}canvas{width:100%;height:100%;display:block;outline:none}#status{position:absolute;bottom:18px;left:18px;background:#061b30df;padding:10px 14px;max-width:75%;pointer-events:none}footer{height:42px;border-top:1px solid #245570;font-size:12px}#controls{margin-right:auto}#recovery{position:absolute;inset:12% 15%;overflow:auto;background:#061b30f5;border:1px solid #f2bb62;padding:24px;border-radius:8px;max-height:75%}#relink-list>div{padding:8px;border-bottom:1px solid #36536a}#relink-list input{max-width:100%}#diagnostics{position:fixed;right:12px;top:70px;bottom:55px;width:min(600px,95vw);overflow:auto;background:#03101cf5;border:1px solid #39627c;padding:20px;z-index:4}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.45 monospace}#optional-tools{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}[hidden]{display:none!important}@media(max-width:850px){header{gap:4px;padding:6px;flex-wrap:wrap;height:100px}main{height:calc(100dvh - 142px)}header strong{width:100%}#recovery{inset:4%}footer{padding:4px}#controls{display:none}}