*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#d8d2c4;font-family:SF Mono,Fira Code,ui-monospace,monospace}#canvas-container{position:fixed;top:0;right:0;bottom:0;left:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important;image-rendering:pixelated;image-rendering:-moz-crisp-edges}#transport{position:fixed;bottom:28px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:#ccc7b8;border:2px solid #b0aa9e;padding:8px 16px;border-radius:4px;z-index:100;box-shadow:3px 3px #00000038}button{background:#e5dfd2;border:1px solid #b8b3a5;color:#1b3e2a;padding:5px 14px;border-radius:3px;cursor:pointer;font-size:10px;font-family:inherit;letter-spacing:.08em;text-transform:uppercase;font-weight:700;box-shadow:0 3px #a09890;transition:background .07s,box-shadow .07s,transform .07s;white-space:nowrap}button:hover{background:#f0e9da;color:#1b3e2a}button.active{background:#1b5238;border-color:#143d28;color:#fff;box-shadow:0 1px #0f3020;transform:translateY(2px)}button.recording{background:#e54e1b;border-color:#bf4016;color:#fff;box-shadow:0 1px #9e3410;transform:translateY(2px)}button.recording:hover{background:#f05c28}.divider{width:1px;height:16px;background:#b0aa9e;margin:0 4px}#record-timer{color:#e54e1b;font-size:11px;font-weight:700;min-width:36px;letter-spacing:.05em}button:focus-visible{outline:2px solid #1b5238;outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tp-dfwv{position:fixed!important;top:20px!important;right:20px!important;width:240px!important;z-index:200;--tp-base-background-color: #d0cabb;--tp-base-shadow-color: rgba(0, 0, 0, .15);--tp-base-font-family: "SF Mono", "Fira Code", ui-monospace, monospace;--tp-base-border-radius: 2px;--tp-button-background-color: #1b5238;--tp-button-background-color-hover: #245f42;--tp-button-background-color-focus: #1f5a3d;--tp-button-background-color-active: #0f3322;--tp-button-foreground-color: #ffffff;--tp-container-background-color: rgba(0, 0, 0, .05);--tp-container-background-color-hover: rgba(0, 0, 0, .08);--tp-container-background-color-focus: rgba(0, 0, 0, .06);--tp-container-background-color-active: rgba(0, 0, 0, .12);--tp-container-foreground-color: #4a7a5c;--tp-groove-foreground-color: #b8b3a5;--tp-input-background-color: #e5dfd2;--tp-input-background-color-hover: #ede7d8;--tp-input-background-color-focus: #ebe5d6;--tp-input-background-color-active: #ddd7ca;--tp-input-foreground-color: #1b3e2a;--tp-label-foreground-color: #4a7a5c;--tp-monitor-background-color: #1b5238;--tp-monitor-foreground-color: #a8f0c0;border:2px solid #b0aa9e!important;box-shadow:4px 4px #0003!important}.tp-dfwv .tp-rotv_b,.tp-dfwv .tp-fldv_b{background:#1b5238!important;color:#fff!important;text-shadow:none;letter-spacing:.07em;text-transform:uppercase;font-size:10px}.tp-dfwv .tp-lblv_l{color:#3d6e50;text-shadow:none;text-transform:uppercase;font-size:9px;letter-spacing:.07em}.tp-dfwv .tp-sldv_t{background:#bfb9ab!important}.tp-dfwv .tp-sldv_k{background:#e54e1b!important;box-shadow:none!important}