.overlay.svelte-1mfyiqe{z-index:calc(var(--z-header) + 10);padding:var(--space-4);background:color-mix(in oklab, var(--bg) 78%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none;animation:svelte-1mfyiqe-fade var(--dur) var(--ease-out);place-items:center;display:grid;position:fixed;inset:0}.overlay.svelte-1mfyiqe:before{content:"";inset:var(--space-3);border:2px dashed var(--accent);border-radius:var(--radius-l);position:absolute}.card.svelte-1mfyiqe{align-items:center;gap:var(--space-1);padding:var(--space-8) var(--space-10);border-radius:var(--radius-l);background:var(--surface);color:var(--accent);box-shadow:var(--shadow-3);text-align:center;flex-direction:column;display:flex}.title.svelte-1mfyiqe{color:var(--text);font-size:var(--text-xl);margin-block-start:var(--space-2);font-weight:650}.sub.svelte-1mfyiqe{color:var(--text-muted);font-size:var(--text-md)}@keyframes svelte-1mfyiqe-fade{0%{opacity:0}}.empty.svelte-1eo3fn9{align-items:center;gap:var(--space-8);inline-size:100%;max-inline-size:760px;padding:clamp(var(--space-8), 7vh, var(--space-16)) var(--gutter) var(--space-12);text-align:center;flex-direction:column;margin-inline:auto;display:flex}.intro.svelte-1eo3fn9{gap:var(--space-4);flex-direction:column;display:flex}h1.svelte-1eo3fn9{font-size:var(--text-3xl);letter-spacing:-.03em;font-weight:700}.lede.svelte-1eo3fn9{max-inline-size:52ch;color:var(--text-muted);font-size:var(--text-lg);margin-inline:auto;line-height:1.55}.zone.svelte-1eo3fn9{inline-size:100%;padding:var(--space-10) var(--space-6) var(--space-6);border:2px dashed color-mix(in oklab, var(--border-strong) 55%, var(--border));border-radius:var(--radius-l);background:var(--surface);transition:border-color var(--dur) var(--ease), background-color var(--dur) var(--ease);flex-direction:column;align-items:center;display:flex}.zone.dragging.svelte-1eo3fn9{border-color:var(--accent);background:var(--accent-soft)}.icon.svelte-1eo3fn9{block-size:64px;inline-size:64px;background:var(--accent-soft);color:var(--accent);border-radius:50%;place-items:center;margin-block-end:var(--space-4);display:grid}.title.svelte-1eo3fn9{font-size:var(--text-xl);letter-spacing:-.015em;font-weight:650}.sub.svelte-1eo3fn9{color:var(--text-muted);font-size:var(--text-md);margin-block-start:var(--space-1)}.error.svelte-1eo3fn9{align-items:flex-start;gap:var(--space-2);max-inline-size:46ch;padding:var(--space-3) var(--space-4);border-radius:var(--radius-m);background:var(--danger-soft);color:var(--danger);font-size:var(--text-md);text-align:start;margin-block-start:var(--space-5);font-weight:550;display:flex}.error.svelte-1eo3fn9 svg{flex:none;margin-block-start:1px}.buttons.svelte-1eo3fn9{margin-block-start:var(--space-6)}.buttons.svelte-1eo3fn9 .cta{--btn-h:44px;padding-inline:var(--space-5);font-size:var(--text-base)}.formats.svelte-1eo3fn9{color:var(--text-muted);font-size:var(--text-sm);margin-block-start:var(--space-3)}.divider.svelte-1eo3fn9{align-items:center;gap:var(--space-3);inline-size:min(100%,360px);margin-block:var(--space-6) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);display:flex}.divider.svelte-1eo3fn9:before,.divider.svelte-1eo3fn9:after{content:"";background:var(--border);flex:1;block-size:1px}.sample.svelte-1eo3fn9{align-items:center;gap:var(--space-4);inline-size:min(100%,360px);padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--bg);color:var(--text);text-align:start;transition:border-color var(--dur-fast) var(--ease), background-color var(--dur-fast) var(--ease), scale var(--dur-fast) var(--ease);padding-inline-end:var(--space-4);display:flex}.sample.svelte-1eo3fn9:hover:not(:disabled){border-color:color-mix(in oklab, var(--border-strong) 45%, var(--border));background:var(--surface-2)}.sample.svelte-1eo3fn9:active:not(:disabled){scale:.99}.sample.svelte-1eo3fn9:disabled{opacity:.6}.sample.svelte-1eo3fn9 canvas:where(.svelte-1eo3fn9){aspect-ratio:1600/1067;border-radius:var(--radius-s);background:var(--surface-2);flex:none;inline-size:96px}.sample-text.svelte-1eo3fn9{flex-direction:column;gap:2px;min-inline-size:0;display:flex}.sample-title.svelte-1eo3fn9{font-size:var(--text-md);align-items:center;gap:6px;font-weight:600;display:inline-flex}.sample-title.svelte-1eo3fn9 svg{color:var(--accent)}.sample-sub.svelte-1eo3fn9{color:var(--text-muted);font-size:var(--text-sm);line-height:1.35}.privacy.svelte-1eo3fn9{align-items:flex-start;gap:var(--space-2);max-inline-size:54ch;color:var(--text-muted);font-size:var(--text-md);text-align:start;display:flex}.privacy.svelte-1eo3fn9 svg{color:var(--success);flex:none;margin-block-start:2px}@media (width<=767px){.empty.svelte-1eo3fn9{gap:var(--space-6);padding-inline:var(--space-4)}h1.svelte-1eo3fn9{font-size:var(--text-2xl)}.lede.svelte-1eo3fn9{font-size:var(--text-base)}.zone.svelte-1eo3fn9{padding:var(--space-8) var(--space-4) var(--space-5)}}.panel.svelte-w3cr3w{gap:var(--space-5);min-block-size:0;padding:var(--space-5);flex-direction:column;display:flex}.head.svelte-w3cr3w{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}h2.svelte-w3cr3w{font-size:var(--text-lg);font-weight:650}.status.svelte-w3cr3w{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:inline-flex}.note.svelte-w3cr3w{color:var(--text-muted);font-size:var(--text-sm);margin-block-start:calc(-1 * var(--space-3))}.swatches.svelte-w3cr3w{flex:0 1 calc(var(--rows) * 88px);min-block-size:calc(var(--rows) * 44px);border-radius:var(--radius-m);box-shadow:0 0 0 1px color-mix(in oklab, var(--text) 8%, transparent);flex-direction:column;margin:0;display:flex;overflow:hidden}.swatches.svelte-w3cr3w>li:where(.svelte-w3cr3w){flex:1 1 0;min-block-size:44px;display:flex}.placeholder.svelte-w3cr3w{background:var(--surface-2)}.placeholder.svelte-w3cr3w+.placeholder:where(.svelte-w3cr3w){border-block-start:1px solid var(--border)}.swatch.svelte-w3cr3w{align-items:center;gap:var(--space-3);min-inline-size:0;padding:0 var(--space-4);background:var(--swatch);color:var(--ink);text-align:start;cursor:copy;transition:box-shadow var(--dur-fast) var(--ease);border:0;flex:1;display:flex;position:relative}.swatch.svelte-w3cr3w:focus-visible{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--counter-ink);outline:none}.swatch.active.svelte-w3cr3w:not(:focus-visible),.swatch.selected.svelte-w3cr3w:not(:focus-visible){box-shadow:inset 4px 0 0 var(--ink)}.hex.svelte-w3cr3w{font-size:min(var(--text-hex), 1.625rem);font-variant-numeric:tabular-nums;letter-spacing:.01em;flex:none;font-weight:650;line-height:1}.name.svelte-w3cr3w{min-inline-size:0;color:var(--ink-soft);font-size:var(--text-md);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:500;overflow:hidden}.share.svelte-w3cr3w{color:var(--ink-soft);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none}.swatch.svelte-w3cr3w .copy{opacity:0;transition:opacity var(--dur-fast) var(--ease);flex:none}.swatch.svelte-w3cr3w:hover .copy,.swatch.svelte-w3cr3w:focus-visible .copy{opacity:1}@media (hover:none){.swatch.svelte-w3cr3w .copy{opacity:.8}}.controls.svelte-w3cr3w{gap:var(--space-4);flex-direction:column;display:flex}.selects.svelte-w3cr3w{align-items:start;gap:var(--space-2) var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hint.svelte-w3cr3w{color:var(--text-muted);font-size:var(--text-sm);grid-column:1/-1}.actions.svelte-w3cr3w{gap:var(--space-2);flex-direction:column;margin-block-start:auto;display:flex}.actions.svelte-w3cr3w .open{--btn-h:42px;font-size:var(--text-base)}.row.svelte-w3cr3w{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=767px){.panel.svelte-w3cr3w{padding:var(--space-5) var(--space-4) var(--space-6)}.swatches.svelte-w3cr3w{flex:none;min-block-size:0}.swatches.svelte-w3cr3w>li:where(.svelte-w3cr3w){flex:none;block-size:56px}}.loupe.svelte-1p5ipqu{z-index:4;align-items:center;gap:var(--space-2);translate:-50% calc(-100% - var(--gap));pointer-events:none;flex-direction:column;display:flex;position:absolute}.loupe.below.svelte-1p5ipqu{translate:-50% var(--gap);flex-direction:column-reverse}.lens.svelte-1p5ipqu{inline-size:var(--size);block-size:var(--size);border:3px solid var(--knob);background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface-3) 0 50%) 50% / 16px 16px;box-shadow:0 0 0 1px var(--knob-ring), var(--shadow-3);border-radius:50%;position:relative;overflow:hidden}canvas.svelte-1p5ipqu{block-size:100%;inline-size:100%;image-rendering:pixelated}.target.svelte-1p5ipqu{inline-size:calc(var(--zoom) * 3 + 4px);block-size:calc(var(--zoom) * 3 + 4px);border:2px solid var(--knob);box-shadow:0 0 0 1px var(--knob-ring), inset 0 0 0 1px var(--knob-ring);border-radius:3px;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.chip.svelte-1p5ipqu{padding:3px var(--space-2) 3px 4px;border-radius:var(--radius-pill);background:var(--surface);color:var(--text);box-shadow:var(--shadow-2);font-size:var(--text-sm);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:6px;font-weight:650;display:inline-flex}.dot.svelte-1p5ipqu{background:var(--color);block-size:16px;inline-size:16px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--text) 18%, transparent);border-radius:50%}.stage.svelte-hy3ftn{place-items:center;block-size:100%;min-block-size:0;inline-size:100%;display:grid;container-type:size}.frame.svelte-hy3ftn{inline-size:min(100cqi, 100cqb * var(--ratio));aspect-ratio:var(--ratio);border-radius:var(--radius-m);box-shadow:0 0 0 1px color-mix(in oklab, var(--text) 8%, transparent), var(--shadow-2);touch-action:pan-x pan-y pinch-zoom;-webkit-user-select:none;user-select:none;position:relative}.frame.svelte-hy3ftn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}canvas.svelte-hy3ftn{border-radius:inherit;cursor:crosshair;background:repeating-conic-gradient(var(--surface-2) 0 25%, var(--surface) 0 50%) 0 0 / 20px 20px;block-size:100%;inline-size:100%}canvas.pixelated.svelte-hy3ftn{image-rendering:pixelated}.point.svelte-hy3ftn{z-index:1;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;block-size:44px;inline-size:44px;padding:0;position:absolute;inset-block-start:calc(var(--y) * 100%);inset-inline-start:calc(var(--x) * 100%);translate:-50% -50%}.point.svelte-hy3ftn:before{content:"";border:3px solid var(--knob);background:var(--color);box-shadow:0 0 0 1px var(--knob-ring), inset 0 0 0 1px var(--knob-ring), 0 2px 10px -2px var(--knob-ring);transition:scale var(--dur-fast) var(--ease), box-shadow var(--dur-fast) var(--ease);border-radius:50%;position:absolute;inset:7px}.point.selected.svelte-hy3ftn:before{scale:1.12}.point.svelte-hy3ftn:hover:before,.point.active.svelte-hy3ftn:before{scale:1.2}.point.selected.svelte-hy3ftn,.point.active.svelte-hy3ftn{z-index:2}.point.dragging.svelte-hy3ftn{z-index:3;cursor:grabbing}.point.dragging.svelte-hy3ftn:before{scale:1.3}.point.svelte-hy3ftn:focus-visible{outline:none}.point.svelte-hy3ftn:focus-visible:before{box-shadow:0 0 0 2px var(--focus), 0 0 0 4px var(--knob), 0 0 0 5px var(--knob-ring), inset 0 0 0 1px var(--knob-ring)}@media (width<=767px){.stage.svelte-hy3ftn{block-size:auto;container-type:inline-size}.frame.svelte-hy3ftn{inline-size:min(100cqi, 68dvh * var(--ratio))}}@media (forced-colors:active){.point.svelte-hy3ftn:before{forced-color-adjust:none;border-color:canvas;box-shadow:0 0 0 2px canvastext}}.picker.svelte-wevogu{flex-direction:column;flex:1;min-block-size:0;display:flex}.workspace.svelte-wevogu{block-size:calc(100dvh - var(--header-h));grid-template-columns:minmax(0,1fr) clamp(320px,28vw,400px);min-block-size:520px;display:grid}.image-column.svelte-wevogu{gap:var(--space-3);min-block-size:0;min-inline-size:0;padding:var(--space-3) var(--space-6) var(--space-4);flex-direction:column;display:flex}.image-bar.svelte-wevogu{justify-content:space-between;align-items:center;gap:var(--space-3);min-block-size:36px;display:flex}.file.svelte-wevogu{align-items:baseline;gap:var(--space-2);min-inline-size:0;font-size:var(--text-md);display:flex}.file-name.svelte-wevogu{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.file-size.svelte-wevogu{color:var(--text-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;flex:none}.image-actions.svelte-wevogu{gap:var(--space-1);flex:none;margin-inline-end:calc(-1 * var(--space-2));display:flex}.stage-slot.svelte-wevogu{flex:1;min-block-size:0;display:flex;position:relative}.busy.svelte-wevogu{z-index:5;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--inverse);color:var(--inverse-text);box-shadow:var(--shadow-2);font-size:var(--text-md);display:inline-flex;position:absolute;inset-block-start:var(--space-4);inset-inline-start:50%;translate:-50%}.privacy.svelte-wevogu{color:var(--text-muted);font-size:var(--text-sm);justify-content:center;align-items:center;gap:6px;display:flex}.privacy.svelte-wevogu svg{color:var(--success)}.panel-column.svelte-wevogu{border-inline-start:1px solid var(--border);background:var(--surface);flex-direction:column;min-block-size:0;display:flex;overflow-y:auto}.panel-column.svelte-wevogu>.panel{flex:1}@media (width<=767px){.workspace.svelte-wevogu{grid-template-columns:minmax(0,1fr);block-size:auto;min-block-size:0}.image-column.svelte-wevogu{padding:var(--space-2) var(--space-4) var(--space-4)}.panel-column.svelte-wevogu{border-inline-start:0;border-block-start:1px solid var(--border);overflow:visible}}.image-actions.narrow.svelte-wevogu{display:none}@media (width<=479px){.image-actions.wide.svelte-wevogu{display:none}.image-actions.narrow.svelte-wevogu{display:flex}}