.wrap.svelte-1vtk5ou{max-width:880px;margin:0 auto;padding:24px 32px 64px}.head.svelte-1vtk5ou{display:flex;justify-content:space-between;align-items:flex-end;margin:14px 0 16px}h1.svelte-1vtk5ou{margin:0;font-size:24px;letter-spacing:-.02em}.kind.svelte-1vtk5ou{margin:4px 0 0;font-family:var(--cm-font-mono);font-size:11px;text-transform:lowercase;color:var(--cm-text-mute)}.inputs.svelte-1vtk5ou{display:grid;grid-template-columns:1fr 1fr;gap:12px}.drop.svelte-1vtk5ou{border:1px dashed var(--cm-border);padding:18px 16px;text-align:center;background:var(--cm-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.drop.over.svelte-1vtk5ou{border-color:var(--cm-accent-page);background:var(--cm-tint-page)}.drop.svelte-1vtk5ou p:where(.svelte-1vtk5ou){margin:0;font-family:var(--cm-font-serif);color:var(--cm-text-dim)}.file-button.svelte-1vtk5ou{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);cursor:pointer;font:inherit;font-size:12px;color:var(--cm-text)}.file-button.svelte-1vtk5ou:hover{border-color:var(--cm-accent-page);color:var(--cm-accent-page)}.file-button.svelte-1vtk5ou input:where(.svelte-1vtk5ou){display:none}.url-row.svelte-1vtk5ou{display:flex;gap:8px;align-items:stretch}.url-row.svelte-1vtk5ou input:where(.svelte-1vtk5ou){flex:1 1 auto;min-width:0;background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:0 10px;font:inherit;font-size:12px;border-radius:var(--cm-radius-sm)}.url-row.svelte-1vtk5ou button:where(.svelte-1vtk5ou){background:var(--cm-surface-2);border:1px solid var(--cm-border);color:var(--cm-text);padding:0 14px;font:inherit;font-size:12px;border-radius:var(--cm-radius-sm);cursor:pointer}.url-row.svelte-1vtk5ou button:where(.svelte-1vtk5ou):disabled{opacity:.4;cursor:not-allowed}.hint.svelte-1vtk5ou{font-size:12px;color:var(--cm-text-mute);margin:10px 0 0;font-family:var(--cm-font-sans);line-height:1.5}kbd.svelte-1vtk5ou{font-family:var(--cm-font-mono);font-size:10px;border:1px solid var(--cm-border);border-radius:3px;padding:0 4px;color:var(--cm-text-dim)}.error.svelte-1vtk5ou{font-family:var(--cm-font-mono);font-size:12px;color:var(--cm-danger);background:var(--cm-danger-soft);border:1px solid var(--cm-danger-border);border-radius:var(--cm-radius-sm);padding:8px 12px;margin-top:12px}.stage-wrap.svelte-1vtk5ou{display:flex;justify-content:center;width:100%;margin:16px 0}.stage.svelte-1vtk5ou{position:relative;flex:0 0 auto;border:1px solid var(--cm-border);background:repeating-conic-gradient(var(--cm-surface) 0% 25%,var(--cm-surface-2) 0% 50%) 50% / 16px 16px;touch-action:none;overflow:hidden}.img-canvas.svelte-1vtk5ou{display:block;width:100%;height:100%;image-rendering:pixelated}.overlay.svelte-1vtk5ou{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.handle.svelte-1vtk5ou{fill:var(--cm-bg);stroke:#fff;stroke-width:2px;paint-order:stroke;pointer-events:all;cursor:grab}.handle.svelte-1vtk5ou:active{cursor:grabbing}.cap-handle.svelte-1vtk5ou{stroke:#fff;stroke-width:2px;paint-order:stroke;pointer-events:all;cursor:grab}.loupe.svelte-1vtk5ou{position:fixed;z-index:50;pointer-events:none;border:1px solid var(--cm-border);box-shadow:var(--cm-shadow);background:var(--cm-bg);line-height:0}.controls.svelte-1vtk5ou{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center;margin:16px 0;padding:12px 0;border-top:1px solid var(--cm-border-soft);border-bottom:1px solid var(--cm-border-soft)}.ctrl.svelte-1vtk5ou{display:inline-flex;gap:8px;align-items:center;font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-dim)}.ctrl.svelte-1vtk5ou input[type=range]:where(.svelte-1vtk5ou){accent-color:var(--cm-accent-page);width:150px}.ctrl.svelte-1vtk5ou output:where(.svelte-1vtk5ou){color:var(--cm-text);min-width:40px}.ctrl.svelte-1vtk5ou .space:where(.svelte-1vtk5ou){background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:2px 4px;font:inherit;font-family:var(--cm-font-mono);font-size:10px;border-radius:var(--cm-radius-sm)}.ctrl-buttons.svelte-1vtk5ou,.seg.svelte-1vtk5ou{display:inline-flex;flex-wrap:wrap;gap:6px}.ctrl-buttons.svelte-1vtk5ou button:where(.svelte-1vtk5ou),.seg.svelte-1vtk5ou button:where(.svelte-1vtk5ou){display:inline-flex;gap:4px;align-items:center;background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:4px 9px;font:inherit;font-family:var(--cm-font-mono);font-size:11px;border-radius:var(--cm-radius-sm);cursor:pointer}.ctrl-buttons.svelte-1vtk5ou button:where(.svelte-1vtk5ou):hover,.seg.svelte-1vtk5ou button:where(.svelte-1vtk5ou):hover{border-color:var(--cm-accent-page);color:var(--cm-accent-page)}.ctrl-buttons.svelte-1vtk5ou button.on:where(.svelte-1vtk5ou),.seg.svelte-1vtk5ou button.on:where(.svelte-1vtk5ou){background:var(--cm-accent-soft);border-color:var(--cm-accent-page);color:var(--cm-accent-page)}.strip.svelte-1vtk5ou{display:flex;height:56px;border:1px solid var(--cm-border)}.strip.svelte-1vtk5ou span:where(.svelte-1vtk5ou){flex:1 1 0}.axis.svelte-1vtk5ou{position:relative;height:16px;margin-top:4px}.axis.svelte-1vtk5ou .tick:where(.svelte-1vtk5ou){position:absolute;top:0;transform:translate(-50%);font-family:var(--cm-font-mono);font-size:10px;color:var(--cm-text-mute);white-space:nowrap}.axis.svelte-1vtk5ou .tick:where(.svelte-1vtk5ou):first-of-type{transform:translate(0)}.axis.svelte-1vtk5ou .tick.end:where(.svelte-1vtk5ou){transform:translate(-100%)}.meta-cap.svelte-1vtk5ou{margin-top:22px}.meta-grid.svelte-1vtk5ou{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-top:8px}.meta-grid.svelte-1vtk5ou label:where(.svelte-1vtk5ou){display:inline-flex;gap:6px;align-items:center;font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-dim)}.meta-grid.svelte-1vtk5ou select:where(.svelte-1vtk5ou),.meta-grid.svelte-1vtk5ou input:where(.svelte-1vtk5ou){background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:4px 8px;font:inherit;font-size:12px;border-radius:var(--cm-radius-sm)}.meta-grid.svelte-1vtk5ou input[type=number]:where(.svelte-1vtk5ou){width:80px}.meta-grid.svelte-1vtk5ou input[type=text]:where(.svelte-1vtk5ou){width:110px}.meta-grid.svelte-1vtk5ou .breaks:where(.svelte-1vtk5ou) input:where(.svelte-1vtk5ou){width:220px}.meta-grid.svelte-1vtk5ou .chk:where(.svelte-1vtk5ou){cursor:pointer}.meta-grid.svelte-1vtk5ou .chk:where(.svelte-1vtk5ou) input:where(.svelte-1vtk5ou){accent-color:var(--cm-accent-page)}.meta-note.svelte-1vtk5ou{font-family:var(--cm-font-sans);font-size:12px;color:var(--cm-text-mute);line-height:1.5;margin:10px 0 0}.swatches.svelte-1vtk5ou{margin-top:10px}.swatches.svelte-1vtk5ou summary:where(.svelte-1vtk5ou){font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-mute);cursor:pointer;-webkit-user-select:none;user-select:none}.swatches.svelte-1vtk5ou summary:where(.svelte-1vtk5ou):hover{color:var(--cm-accent-page)}.hex-list.svelte-1vtk5ou{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;max-height:132px;overflow-y:auto}.hex-list.svelte-1vtk5ou code:where(.svelte-1vtk5ou){font-family:var(--cm-font-mono);font-size:10px;background:var(--cm-surface);border:1px solid var(--cm-border-soft);padding:2px 6px;border-radius:3px;color:var(--cm-text)}.diag.svelte-1vtk5ou{margin-top:22px}.graphs.svelte-1vtk5ou{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:8px}.graph.svelte-1vtk5ou{margin:0}.graph.svelte-1vtk5ou figcaption:where(.svelte-1vtk5ou){display:flex;justify-content:space-between;gap:6px;font-family:var(--cm-font-mono);font-size:10px;color:var(--cm-text-dim);margin-bottom:4px}.graph.svelte-1vtk5ou figcaption:where(.svelte-1vtk5ou) span:where(.svelte-1vtk5ou){color:var(--cm-text-mute)}.graph.svelte-1vtk5ou svg:where(.svelte-1vtk5ou){display:block;width:100%;height:56px;background:var(--cm-surface);border:1px solid var(--cm-border-soft)}.graph.svelte-1vtk5ou svg:where(.svelte-1vtk5ou) polyline:where(.svelte-1vtk5ou){fill:none;stroke:var(--cm-accent-page);stroke-width:1.5px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.graph.svelte-1vtk5ou svg:where(.svelte-1vtk5ou) .mean:where(.svelte-1vtk5ou){stroke:var(--cm-text-mute);stroke-width:1px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.diag-note.svelte-1vtk5ou{font-family:var(--cm-font-sans);font-size:12px;color:var(--cm-text-mute);line-height:1.5;margin:10px 0 0}@media(max-width:640px){.graphs.svelte-1vtk5ou{grid-template-columns:repeat(2,1fr)}}.caps.svelte-1vtk5ou{display:flex;gap:18px;margin-top:14px}.cap.svelte-1vtk5ou{display:flex;gap:8px;align-items:center}.cap.svelte-1vtk5ou .sw:where(.svelte-1vtk5ou){width:28px;height:28px;border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm)}.cap.svelte-1vtk5ou small:where(.svelte-1vtk5ou){display:block;font-family:var(--cm-font-mono);font-size:10px;color:var(--cm-text-mute);text-transform:uppercase;letter-spacing:.06em}.cap.svelte-1vtk5ou button:where(.svelte-1vtk5ou){background:transparent;border:none;padding:0;font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text);cursor:pointer}.export.svelte-1vtk5ou{margin-top:24px}.export-head.svelte-1vtk5ou{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}h2.svelte-1vtk5ou{font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-family:var(--cm-font-mono);color:var(--cm-text-mute);font-weight:600;margin:0}.export-actions.svelte-1vtk5ou{display:flex;gap:10px;align-items:center}.name.svelte-1vtk5ou{display:inline-flex;gap:6px;align-items:center;font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-dim)}.name.svelte-1vtk5ou input:where(.svelte-1vtk5ou){width:120px;background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:4px 8px;font:inherit;font-size:12px;border-radius:var(--cm-radius-sm)}.export-actions.svelte-1vtk5ou select:where(.svelte-1vtk5ou){background:var(--cm-surface);border:1px solid var(--cm-border);color:var(--cm-text);padding:4px 8px;font:inherit;font-size:12px;border-radius:var(--cm-radius-sm)}.export-meta.svelte-1vtk5ou{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-family:var(--cm-font-mono);font-size:10px;color:var(--cm-text-mute)}.meta-buttons.svelte-1vtk5ou{display:flex;gap:6px}.export-meta.svelte-1vtk5ou button:where(.svelte-1vtk5ou){display:inline-flex;gap:4px;align-items:center;background:transparent;border:1px solid var(--cm-border-soft);color:var(--cm-text-dim);padding:3px 8px;font:inherit;font-size:10px;font-family:var(--cm-font-mono);border-radius:var(--cm-radius-sm);cursor:pointer}.export-meta.svelte-1vtk5ou button:where(.svelte-1vtk5ou):hover:not(:disabled){border-color:var(--cm-accent-page);color:var(--cm-accent-page)}.export-meta.svelte-1vtk5ou button:where(.svelte-1vtk5ou):disabled{opacity:.4;cursor:not-allowed}pre.svelte-1vtk5ou{background:var(--cm-surface);border:1px solid var(--cm-border);padding:10px 14px;max-height:360px;overflow:auto;font-family:var(--cm-font-mono);font-size:11px;line-height:1.5;color:var(--cm-text);margin:6px 0 0}@media(max-width:640px){.wrap.svelte-1vtk5ou{padding:24px 16px 64px}.inputs.svelte-1vtk5ou{grid-template-columns:1fr}}