.page.svelte-1p4qfee{min-height:100svh;padding:1rem;box-sizing:border-box;display:grid;gap:1rem;align-content:start}.toolbar.svelte-1p4qfee{display:grid;gap:1rem;padding:1rem;border:1px solid #333;border-radius:.75rem;background:#191919}h1.svelte-1p4qfee,h2.svelte-1p4qfee,p.svelte-1p4qfee{margin:0}h1.svelte-1p4qfee{font-size:1.25rem}h2.svelte-1p4qfee{font-size:1rem;margin-bottom:.5rem}p.svelte-1p4qfee{color:#cfcfcf;margin-top:.35rem;line-height:1.35}.actions.svelte-1p4qfee{display:flex;flex-wrap:wrap;gap:.5rem}button.svelte-1p4qfee{border:1px solid #555;border-radius:.5rem;background:#2a2a2a;color:#fff;padding:.7rem .9rem;font:inherit}button.svelte-1p4qfee:disabled{opacity:.45}.stats.svelte-1p4qfee{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stats.svelte-1p4qfee div:where(.svelte-1p4qfee){display:grid;gap:.2rem;padding:.75rem;border:1px solid #333;border-radius:.75rem;background:#191919;min-width:0}.stats.svelte-1p4qfee span:where(.svelte-1p4qfee){color:#aaa;font-size:.8rem}.stats.svelte-1p4qfee strong:where(.svelte-1p4qfee){font-size:1.05rem;overflow-wrap:anywhere}.grid.svelte-1p4qfee{display:grid;gap:1rem}article.svelte-1p4qfee{min-width:0;padding:1rem;border:1px solid #333;border-radius:.75rem;background:#191919}.canvasWrap.svelte-1p4qfee{position:relative;overflow:auto;border-radius:.5rem;background:#050505}video.svelte-1p4qfee{position:absolute;inset:0;width:1px;height:1px;opacity:0;pointer-events:none}canvas.svelte-1p4qfee{display:block;width:100%;height:auto;background:#000}@media(min-width:700px){.stats.svelte-1p4qfee{grid-template-columns:repeat(5,1fr)}}@media(min-width:900px){.toolbar.svelte-1p4qfee{grid-template-columns:1fr auto;align-items:center}.grid.svelte-1p4qfee{grid-template-columns:1fr 1fr}}
