*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}#app{display:flex;flex-direction:column}#recording-overlay{position:fixed;top:12px;right:12px;max-width:320px;padding:6px 10px 7px;background:#141414d9;border:1px solid rgba(255,68,68,.5);border-radius:6px;font:11px/1.5 monospace;color:#aaa;pointer-events:none;z-index:10}#recording-overlay .ro-head{display:flex;align-items:center;gap:7px}#recording-overlay .ro-dot{width:7px;height:7px;border-radius:50%;background:#f44;animation:ro-pulse 1.6s ease-in-out infinite}@keyframes ro-pulse{50%{opacity:.35}}#recording-overlay .ro-label{color:#f44;font-weight:700}#recording-overlay .ro-mic{pointer-events:auto;margin-left:auto;padding:1px 7px;background:none;border:1px solid rgba(255,255,255,.25);border-radius:4px;font:10px/1.6 monospace;color:#ccc;cursor:pointer}#recording-overlay .ro-mic:hover{border-color:#ffffff8c;color:#fff}#recording-overlay .ro-mic--off{color:#777;border-style:dashed}#recording-overlay .ro-transcript{margin-top:5px}#recording-overlay .ro-pending{color:#fff}#canvas{flex:1;min-height:0;display:block;background:#141414;touch-action:none}