.drop.svelte-gji0zf{display:grid;justify-items:center;gap:6px;width:100%;min-height:400px;align-content:center;padding:40px 24px;border:1.5px dashed var(--ink-3);border-radius:18px;color:var(--ink-3);cursor:pointer;transition:background-color .2s ease,transform .3s var(--ease),border-color .2s ease}.drop.svelte-gji0zf:hover,.dragging.svelte-gji0zf{border-color:var(--ink-2);background:var(--hover)}.dragging.svelte-gji0zf{transform:scale(.99)}.title.svelte-gji0zf{margin-top:6px;font-family:var(--font-display);font-size:16px;color:var(--ink)}.hint.svelte-gji0zf{font-size:13px}.frame.svelte-7le802{display:flex;align-items:center;justify-content:center;min-width:200px;min-height:200px;max-width:100%;overflow:hidden}img.svelte-7le802{display:block;max-width:100%;max-height:60vh}.picker.svelte-bs920{display:grid;gap:9px}.label.svelte-bs920{margin:0;font-family:var(--font-display);font-size:13.5px;color:var(--ink)}.swatches.svelte-bs920{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.swatches.svelte-bs920 button:where(.svelte-bs920){aspect-ratio:1;width:100%;border-radius:50%;box-shadow:inset 0 0 0 .5px #0000002e;cursor:pointer;transition:transform .3s var(--ease),box-shadow .2s ease}.swatches.svelte-bs920 button:where(.svelte-bs920):hover{transform:scale(1.12)}.swatches.svelte-bs920 button:where(.svelte-bs920):active{transform:scale(.94)}.swatches.svelte-bs920 button[aria-pressed=true]:where(.svelte-bs920){box-shadow:0 0 0 2px var(--glass-solid),0 0 0 3.5px var(--ink)}.custom.svelte-bs920{display:flex;gap:6px;margin-top:2px}.custom.svelte-bs920 input:where(.svelte-bs920){flex:1;min-width:0;padding:8px 12px;border-radius:999px;font-size:13px;color:var(--ink);background:var(--hover);box-shadow:inset 0 0 0 .5px var(--glass-rim)}.custom.svelte-bs920 input:where(.svelte-bs920)::placeholder{color:var(--ink-3)}.apply.svelte-bs920{padding:8px 13px;border-radius:999px;font:500 13px/1 var(--font-display);color:var(--ink);background:var(--pill);box-shadow:0 1px 3px var(--shadow),inset 0 0 0 .5px var(--glass-rim);cursor:pointer}.slider.svelte-2uh370{display:grid;gap:9px}.row.svelte-2uh370{display:flex;justify-content:space-between;align-items:baseline}label.svelte-2uh370{font-family:var(--font-display);font-size:13.5px;color:var(--ink)}output.svelte-2uh370{font:500 12px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-3)}input.svelte-2uh370{-webkit-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:none;cursor:pointer}input.svelte-2uh370::-webkit-slider-runnable-track{height:4px;border-radius:99px;background:linear-gradient(to right,var(--ink) var(--p),var(--track) var(--p))}input.svelte-2uh370::-moz-range-track{height:4px;border-radius:99px;background:var(--track)}input.svelte-2uh370::-moz-range-progress{height:4px;border-radius:99px;background:var(--ink)}input.svelte-2uh370::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-8px;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000047,inset 0 0 0 .5px #00000014;transition:transform .2s var(--ease)}input.svelte-2uh370::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 5px #00000047}input.svelte-2uh370:active::-webkit-slider-thumb{transform:scale(1.18)}.export.svelte-1xbj1tk{display:grid;gap:12px}.formats.svelte-1xbj1tk{position:relative;display:grid;grid-template-columns:repeat(3,1fr);padding:3px;border-radius:12px;background:var(--hover)}.pill.svelte-1xbj1tk{position:absolute;top:3px;bottom:3px;left:3px;width:calc((100% - 6px) / 3);border-radius:9px;background:var(--pill);box-shadow:0 1px 3px var(--shadow);transform:translate(calc(var(--i) * 100%));transition:transform .35s var(--ease)}.formats.svelte-1xbj1tk button:where(.svelte-1xbj1tk){position:relative;z-index:1;padding:7px 0;font:500 13px/1 var(--font-display);color:var(--ink-2);cursor:pointer;transition:color .2s ease}.formats.svelte-1xbj1tk button[aria-pressed=true]:where(.svelte-1xbj1tk){color:var(--ink)}.actions.svelte-1xbj1tk{display:flex;gap:8px}.download.svelte-1xbj1tk,.copy.svelte-1xbj1tk{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font:500 15px/1 var(--font-display);cursor:pointer;transition:transform .12s ease-out}.download.svelte-1xbj1tk:active,.copy.svelte-1xbj1tk:active{transform:scale(.96)}.download.svelte-1xbj1tk{flex:1;padding:11px 16px;color:var(--bg);background:var(--ink);box-shadow:0 10px 24px -12px var(--shadow)}.copy.svelte-1xbj1tk{padding:10px 12px;color:var(--ink);background:var(--pill);box-shadow:0 1px 3px var(--shadow),inset 0 0 0 .5px var(--glass-rim)}button.svelte-1xbj1tk:disabled{opacity:.5;cursor:default}.controls.svelte-16b2p6k{display:grid;gap:18px}.reset.svelte-16b2p6k{justify-self:center;padding:2px 6px;font:500 13px var(--font-display);color:var(--ink-3);cursor:pointer}.reset.svelte-16b2p6k:hover{color:var(--ink)}.page.svelte-1dkmd6{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:64px 20px 120px}h1.svelte-1dkmd6{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,1.3rem + 1.5vw,2.2rem);font-weight:500;line-height:1.15;letter-spacing:-.02em}.intro.svelte-1dkmd6{max-width:34em;margin:14px 0 0;font-size:17.5px;color:var(--ink-2)}.studio.svelte-1dkmd6{display:grid;gap:16px;margin-top:32px}@media(min-width:900px){.studio.svelte-1dkmd6{grid-template-columns:minmax(0,1fr) 300px;align-items:start}}.stage.svelte-1dkmd6{display:grid;place-items:center;min-height:520px;padding:40px 24px 72px;overflow:hidden;border-radius:24px;background-image:radial-gradient(circle,var(--track) .8px,transparent 1.2px);background-size:14px 14px}.new.svelte-1dkmd6{position:absolute;left:16px;bottom:14px;padding:8px 13px;border-radius:999px;font:500 13.5px/1 var(--font-display);color:var(--ink);background:var(--pill);box-shadow:0 1px 3px var(--shadow),inset 0 0 0 .5px var(--glass-rim);cursor:pointer}.controls.svelte-1dkmd6{padding:18px;border-radius:22px}section.svelte-1dkmd6{max-width:760px;margin-top:88px}h2.svelte-1dkmd6{margin:0 0 14px;font-family:var(--font-display);font-size:1.15rem;font-weight:500;letter-spacing:-.015em}.steps.svelte-1dkmd6{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px;margin:0;padding:0;list-style:none}.step.svelte-1dkmd6{display:grid;align-content:start;gap:6px;padding:18px;border-radius:20px}.n.svelte-1dkmd6{display:grid;place-items:center;width:26px;height:26px;margin-bottom:4px;border-radius:50%;font:500 12.5px/1 var(--mono);color:var(--bg);background:var(--ink)}.step.svelte-1dkmd6 b:where(.svelte-1dkmd6){font-family:var(--font-display);font-weight:500}.step.svelte-1dkmd6 p:where(.svelte-1dkmd6){margin:0;font-size:15px;line-height:1.55;color:var(--ink-2)}.faq.svelte-1dkmd6{padding:4px 18px;border-radius:20px}details.svelte-1dkmd6+details:where(.svelte-1dkmd6){border-top:1px solid var(--line)}summary.svelte-1dkmd6{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-family:var(--font-display);font-weight:500;list-style:none;cursor:pointer}summary.svelte-1dkmd6::-webkit-details-marker{display:none}summary.svelte-1dkmd6 i:where(.svelte-1dkmd6){position:relative;flex-shrink:0;width:12px;height:12px;transition:transform .35s var(--ease)}summary.svelte-1dkmd6 i:where(.svelte-1dkmd6):before,summary.svelte-1dkmd6 i:where(.svelte-1dkmd6):after{content:"";position:absolute;left:0;top:5.25px;width:12px;height:1.5px;border-radius:1px;background:var(--ink-2)}summary.svelte-1dkmd6 i:where(.svelte-1dkmd6):after{transform:rotate(90deg)}details[open].svelte-1dkmd6 summary:where(.svelte-1dkmd6) i:where(.svelte-1dkmd6){transform:rotate(45deg)}details.svelte-1dkmd6 p:where(.svelte-1dkmd6){max-width:40em;margin:0 0 16px;color:var(--ink-2)}