:root{--bg: #111;--fg: #fc1f00;--mut: #fc1f00;--pill: #181818;--ok: #00771e;--okb: #00771e;--warn: #fc1f00;--warnb: #fc1f00}html,body{height:100%;margin:0;background:var(--bg);color:var(--fg);font:14px ui-monospace,monospace}#toolbar{position:fixed;left:12px;top:12px;z-index:20;display:flex;flex-direction:column;gap:10px;height:auto;transition:opacity .2s ease,transform .2s ease}#toolbarContent{display:flex;flex-direction:column;gap:5px;padding:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:10px;background-color:#0006}#toolbarToggle{width:100px;border:none;color:var(--fg);background:#000;border-radius:8px;padding:4px 10px;cursor:pointer;font:inherit}#toolbarToggle:hover{background:#fc1f001a}#toolbar[data-collapsed=true] #toolbarContent{display:none}button,input[type=file]{border:1px solid var(--fg);color:var(--fg);background:none;border-radius:8px;padding:6px 10px}button[disabled]{opacity:.6;cursor:not-allowed}label{-webkit-user-select:none;user-select:none}#status{position:fixed;left:0;bottom:0;z-index:20;margin-top:6px}#hud{position:fixed;right:12px;top:12px;z-index:20;pointer-events:none;display:none}.pill{display:inline-flex;gap:8px;align-items:center;background:none!important;padding:6px 10px}.ok{border-color:var(--okb);background:var(--ok)}.warn{border-color:var(--warnb);background:var(--warn)}.spin{width:12px;height:12px;border:2px solid #fc1f00;border-top-color:transparent;border-radius:50%;animation:rot 1s linear infinite}@keyframes rot{to{transform:rotate(360deg)}}#wrap{position:fixed;inset:0;z-index:10}#view{position:absolute;inset:0;width:100vw;height:100vh;background:#000;display:block;border:0;cursor:grab}#view.dragging{cursor:grabbing}#hint{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}#hint span{border-radius:10px;padding:10px 14px;color:var(--mut)}#prog{display:inline-flex;gap:6px;align-items:center}#bar{width:120px;height:6px;background:#1f0800;border-radius:999px;overflow:hidden}#bar>i{display:block;height:100%;width:0;background:linear-gradient(-90deg,#fc1f00,#0a0000)}
