html,body{margin:0;padding:0;overflow:hidden;background:#0b0e14;color:#e7e7e7;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#app{width:100vw;height:100vh}canvas{display:block;width:100vw;height:100vh}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel{position:absolute;top:12px;left:12px;width:min(560px,calc(100vw - 24px));background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px;pointer-events:auto;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.title{font-weight:700;margin-bottom:10px}.row{display:flex;gap:10px;align-items:center;margin:8px 0}button{cursor:pointer;border:1px solid rgba(255,255,255,.16);background:#ffffff0f;color:#e7e7e7;border-radius:8px;padding:8px 10px}button:hover{background:#ffffff1a}label.file{cursor:pointer;border:1px dashed rgba(255,255,255,.2);background:#ffffff0a;border-radius:8px;padding:8px 10px;display:inline-flex;align-items:center;gap:10px}label.file input{display:none}.hint{margin-top:8px;opacity:.9}.small{margin-top:6px;opacity:.75;font-size:12px}.hud{position:absolute;bottom:12px;left:12px;max-width:min(720px,calc(100vw - 24px));background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:10px 12px;white-space:pre;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;line-height:1.35}