:root{--paper:#fff;--hud:#8a8783;--hud-strong:#2c2a28;--frame-pad:5vmin}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--hud-strong);cursor:pointer;font:12px/1.5 SF Mono,ui-monospace,Menlo,Consolas,monospace}#stage{background:var(--paper);position:fixed;inset:0}#stage.inverted{filter:invert()}#frame{padding:var(--frame-pad);position:absolute;inset:0}#frame svg{width:100%;height:100%;display:block}#prompt{color:var(--hud);text-align:center;pointer-events:none;align-content:center;justify-items:center;gap:4px;display:grid;position:fixed;inset:0}#prompt.hidden{display:none}#prompt p{margin:0}#prompt .title{color:var(--hud-strong);letter-spacing:.24em;margin-bottom:10px;font-size:13px;font-weight:600}#prompt .sub{font-size:11px}#prompt a,#hud a{color:inherit;pointer-events:auto}#prompt.error .title{color:#e0342b}#hud{width:100%;color:var(--hud);align-items:baseline;gap:14px;padding:10px 16px;font-size:11px;transition:opacity .4s;display:flex;position:fixed;bottom:0;left:0}#hud.idle{opacity:0}#hud b{color:var(--hud-strong);font-weight:600}#counter{color:var(--hud-strong);font-variant-numeric:tabular-nums;letter-spacing:.1em}#hud .keys{flex:1}#back{flex:none}@media (width<=700px){#hud .keys{display:none}}#export-host{z-index:10;width:280px;max-height:calc(100vh - 24px);position:fixed;top:12px;right:12px;overflow-y:auto}#export-host[hidden]{display:none}@media (width<=560px){#export-host{width:calc(100vw - 24px)}}#drop-hint{background:#ffffffd1;place-items:center;display:none;position:fixed;inset:0}#drop-hint.active{display:grid}#drop-hint span{border:1px dashed var(--hud);color:var(--hud-strong);letter-spacing:.2em;border-radius:2px;padding:10px 16px}@media (prefers-reduced-motion:reduce){#hud{transition:none}}