html,body{background-color:#4a4a4a;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}.screen.svelte-1uha8ag{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:30px;width:100%;height:100%;display:flex;position:relative}.center-box.svelte-1uha8ag{justify-content:center;align-items:center;width:90vw;max-width:1200px;height:70vh;display:flex;overflow:hidden}.menu.svelte-1uha8ag{z-index:20;background:#d6d6d6b3;border-radius:8px;max-width:300px;padding:10px 15px;position:absolute;top:10px;right:10px}.menu.svelte-1uha8ag .content:where(.svelte-1uha8ag){flex-direction:column;gap:10px;margin-top:10px;display:flex}.menu.svelte-1uha8ag label:where(.svelte-1uha8ag){justify-content:space-between;align-items:center;gap:8px;font-family:sans-serif;font-size:14px;display:flex}.menu.svelte-1uha8ag hr:where(.svelte-1uha8ag){border:0;border-top:1px solid #ccc;margin:5px 0}.controls.svelte-1uha8ag{justify-content:center;align-items:center;gap:15px;display:flex}button.svelte-1uha8ag{cursor:pointer;color:#fff;background-color:#8e7cf2;border:2px solid #2803fc;border-radius:10px;padding:10px 20px;font-family:inherit;font-size:16px;font-weight:700;transition:background .2s}button.svelte-1uha8ag:hover{background-color:#7c99f2;border:2px solid #035afc}.canvas-wrapper.svelte-1uha8ag{font-size:0;display:inline-block;position:relative}.recording-overlay.svelte-1uha8ag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;color:#fff;background:#000000bf;flex-direction:column;justify-content:center;align-items:center;font-family:sans-serif;display:flex;position:absolute;inset:0}.overlay-title.svelte-1uha8ag{margin:0 0 5px;font-size:1.2rem;font-weight:700}.overlay-subtitle.svelte-1uha8ag{opacity:.7;margin:0;font-size:.9rem}input[type=range].svelte-1uha8ag{accent-color:#2803fc}.canvas-wrapper canvas{transition:width .5s cubic-bezier(.25,1,.5,1),height .5s cubic-bezier(.25,1,.5,1)}