*{margin:0;padding:0;box-sizing:border-box}html,body,#app{width:100%;height:100%;overflow:hidden}#app{display:flex;flex-direction:column;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#recording-control{position:fixed;top:52px;right:12px;max-width:320px;padding:6px 10px 7px;background:var(--chrome-paper, #141414);border:1px solid rgba(255,68,68,.55);border-radius:3px;font:12px/1.5 Sudo UI Clip,ui-monospace,monospace;letter-spacing:-.03em;color:var(--chrome-ink, #ddd);pointer-events:none;z-index:10}#recording-control .rc-head{display:flex;align-items:center;gap:7px}#recording-control .rc-dot{width:7px;height:7px;border-radius:50%;background:#f44;animation:rc-pulse 1.6s ease-in-out infinite}@keyframes rc-pulse{50%{opacity:.35}}#recording-control .rc-label{color:#f44;font-weight:700}#recording-control .rc-code{font-weight:700;letter-spacing:.06em}#recording-control .rc-time{opacity:.7;font-variant-numeric:tabular-nums;white-space:nowrap}#recording-control .rc-btn{pointer-events:auto;padding:1px 7px;background:none;border:1px solid var(--chrome-divider, rgba(255, 255, 255, .25));border-radius:3px;font:11px/1.6 Sudo UI Clip,ui-monospace,monospace;letter-spacing:inherit;color:var(--chrome-ink, #ccc);opacity:.75;cursor:var(--cursor-pointer, pointer)}#recording-control .rc-btn:hover{opacity:1}#recording-control .rc-mic{margin-left:auto}#recording-control .rc-mic--off{opacity:.45;border-style:dashed}#recording-control .rc-stop{border-color:#ff44448c;color:#f44;opacity:1}#recording-control .rc-stop:hover{border-color:#f44;background:#ff44442e}#recording-control .rc-cancel{opacity:.5}#recording-control .rc-meter{width:52px;height:6px;background:var(--chrome-divider, rgba(255, 255, 255, .12));border-radius:3px;overflow:hidden}#recording-control .rc-meter-fill{height:100%;width:0%;background:var(--chrome-divider, #666);transition:width 60ms linear}#recording-control .rc-meter-fill--live{background:#37d67a}#recording-control .rc-warn{margin-top:5px;color:#f44;white-space:normal}#recording-control .rc-device{margin-top:4px;opacity:.6;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#recording-control.rc--done{pointer-events:auto;border-color:var(--chrome-divider, rgba(255, 255, 255, .3));cursor:var(--cursor-pointer, pointer)}#recording-control.rc--done .rc-code{font-size:18px;font-weight:700;letter-spacing:.06em;color:#f44}#recording-control.rc--done .rc-note{opacity:.6;font-size:11px}#recording-control.rc--failed{border-color:#f44c}#recording-control.rc--failed .rc-note{opacity:1;color:#f44}#canvas{flex:1;min-height:0;display:block;background:#141414;touch-action:none}