.hidden.svelte-5kmttz{display:none}.grid2.svelte-5kmttz{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pad.svelte-5kmttz{padding-top:12px}.stage.svelte-5kmttz{justify-content:center;align-items:center;gap:var(--gap);height:100%;padding:calc(var(--gap) * 2);flex-direction:column;display:flex}.frame.svelte-5kmttz{touch-action:none;width:100%;max-width:560px;position:relative}.frame.ratio-square.svelte-5kmttz{aspect-ratio:1}.frame.ratio-wide.svelte-5kmttz{aspect-ratio:1.7}.frame.ratio-tall.svelte-5kmttz{aspect-ratio:.75}.plate.svelte-5kmttz{background:radial-gradient(120% 90% at 20% 0,#ffffff29,#0000 60%),linear-gradient(155deg,#3a3a3f 0%,#101012 100%);position:absolute;inset:0}.plate.svelte-5kmttz img:where(.svelte-5kmttz){object-fit:cover;width:100%;height:100%}.plate.svelte-5kmttz img.contain:where(.svelte-5kmttz){object-fit:contain}.outline.svelte-5kmttz{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.outline.svelte-5kmttz polygon:where(.svelte-5kmttz){fill:none;stroke:#ffffff80;stroke-width:.4px;vector-effect:non-scaling-stroke}.handle.svelte-5kmttz{border:1px solid var(--bg);background:var(--fg);cursor:grab;touch-action:none;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;padding:0;position:absolute}.handle.svelte-5kmttz:hover,.handle.svelte-5kmttz:focus-visible{background:var(--display)}.code-wrap.svelte-5kmttz{border:1px solid var(--line);background:#ffffff05;border-radius:.5rem;width:100%;max-width:560px}.code.svelte-5kmttz{font-family:var(--mono);color:var(--fg);white-space:pre-wrap;word-break:break-word;margin:0;padding:14px 16px;font-size:12px;line-height:1.6}@media (width<=900px){.stage.svelte-5kmttz{padding:var(--gap)}}