*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#10141b;color:#f1f5f9;font:13px/1.6 system-ui,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}#panel{position:absolute;top:16px;left:16px;width:min(345px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:16px;background:#0f172ae6;border:1px solid #475569;border-radius:12px}header{display:flex;justify-content:space-between;align-items:center;gap:10px}button,select,input{font:inherit}button,select{color:#f1f5f9;background:#334155;border:1px solid #64748b;border-radius:6px;padding:6px 10px}button{cursor:pointer}select{display:block;width:100%;margin:5px 0 8px}label{display:block;margin-top:12px}#toggle{padding:0 9px;font-size:20px}.buttons{display:flex;gap:10px;margin:12px 0}.help,#provenance{font-size:11px;color:#cbd5e1}#status{margin:12px 0 0;color:#dbeafe;font-size:12px}input{width:100%;accent-color:#60a5fa}output{float:right}#failure{position:absolute;bottom:20px;left:5%;width:90%;padding:20px;background:#1e293b;border:1px solid #94a3b8;border-radius:8px}[hidden]{display:none!important}:focus-visible{outline:2px solid #93c5fd;outline-offset:3px}@media(max-width:600px){#panel{top:10px;left:10px;width:calc(100vw - 20px);padding:12px}#status{margin-top:8px}}#loading{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 24px);padding:6px 10px;background:#0f172ac2;border-radius:6px;pointer-events:none;text-align:center;font-size:12px;line-height:1.5}#loading strong{color:#f8fafc;font-weight:500}#loading span{color:#dbe2ec;margin-left:6px}#project-links{margin-top:12px;padding-top:10px;border-top:1px solid #475569;font-size:12px}#project-links a{color:#93c5fd;text-decoration:none}#project-links a:hover{color:#dbeafe;text-decoration:underline;text-underline-offset:3px}