.wrap.svelte-1ohjb7q{max-width:1680px;margin:0 auto;padding:16px 24px 56px}.head.svelte-1ohjb7q{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin:8px 0 16px}h1.svelte-1ohjb7q{margin:0;font-size:24px;letter-spacing:-.02em}.kind.svelte-1ohjb7q{margin:4px 0 0;font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-mute)}.modeswitch.svelte-1ohjb7q{display:inline-flex;border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);overflow:hidden}.modeswitch.svelte-1ohjb7q button:where(.svelte-1ohjb7q){font-family:var(--cm-font-mono);font-size:11.5px;letter-spacing:.08em;background:transparent;color:var(--cm-text-mute);border:none;padding:7px 16px;cursor:pointer;text-transform:uppercase;transition:color .15s,background .15s}.modeswitch.svelte-1ohjb7q button:where(.svelte-1ohjb7q)+button:where(.svelte-1ohjb7q){border-left:1px solid var(--cm-border)}.modeswitch.svelte-1ohjb7q button.active:where(.svelte-1ohjb7q){color:var(--cm-bg);background:var(--cm-accent-page);font-weight:600}.modeswitch.svelte-1ohjb7q button:where(.svelte-1ohjb7q):not(.active):hover{color:var(--cm-text)}.grid.svelte-1ohjb7q{display:grid;grid-template-columns:minmax(280px,1fr) minmax(400px,1.5fr) minmax(280px,1.05fr);gap:16px;align-items:start}@media(max-width:1180px){.grid.svelte-1ohjb7q{grid-template-columns:1fr 1fr}.col-scope.svelte-1ohjb7q{grid-column:1 / -1;order:-1}}@media(max-width:760px){.grid.svelte-1ohjb7q{grid-template-columns:1fr}.col-scope.svelte-1ohjb7q{grid-column:auto}}.col.svelte-1ohjb7q{display:flex;flex-direction:column;gap:14px;min-width:0}.panel.svelte-1ohjb7q{background:var(--cm-surface);border:1px solid var(--cm-border);border-radius:var(--cm-radius);padding:14px}.panel-title.svelte-1ohjb7q{font-family:var(--cm-font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--cm-text-mute);margin-bottom:12px;display:flex;align-items:center;gap:8px}.panel-title.svelte-1ohjb7q .right:where(.svelte-1ohjb7q){margin-left:auto;color:var(--cm-text-dim);letter-spacing:.08em}.imgwrap.svelte-1ohjb7q{position:relative;border-radius:var(--cm-radius-sm);overflow:hidden;background:var(--cm-surface);border:1px solid var(--cm-border);aspect-ratio:8/5;display:flex;align-items:center;justify-content:center}.imgwrap.svelte-1ohjb7q.drag{border-color:var(--cm-accent-page);box-shadow:inset 0 0 0 1px var(--cm-accent-page)}#srcCanvas.svelte-1ohjb7q,#srcOverlay.svelte-1ohjb7q{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}#srcOverlay.svelte-1ohjb7q{pointer-events:none}.drop-hint.svelte-1ohjb7q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--cm-text-mute);pointer-events:none;text-align:center;padding:20px}.drop-hint.svelte-1ohjb7q span:where(.svelte-1ohjb7q){font-family:var(--cm-font-mono);font-size:11px;letter-spacing:.04em}.input-tabs.svelte-1ohjb7q{display:flex;gap:4px;margin-top:12px;border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);padding:3px}.input-tabs.svelte-1ohjb7q button:where(.svelte-1ohjb7q){flex:1;font-family:var(--cm-font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.06em;background:transparent;border:none;color:var(--cm-text-mute);padding:6px 8px;border-radius:calc(var(--cm-radius-sm) - 1px);cursor:pointer}.input-tabs.svelte-1ohjb7q button.active:where(.svelte-1ohjb7q){background:var(--cm-surface-2);color:var(--cm-text)}.controls-row.svelte-1ohjb7q{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.btn.svelte-1ohjb7q{font-family:var(--cm-font-mono);font-size:11px;letter-spacing:.04em;background:var(--cm-surface-2);color:var(--cm-text);border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);padding:8px 13px;cursor:pointer;text-transform:uppercase}.btn.svelte-1ohjb7q:hover{border-color:var(--cm-accent-page);color:var(--cm-accent-page)}.examples.svelte-1ohjb7q{display:flex;gap:7px;flex-wrap:wrap;margin-top:11px}.chip.svelte-1ohjb7q{font-family:var(--cm-font-mono);font-size:10px;letter-spacing:.04em;background:var(--cm-surface-2);color:var(--cm-text-mute);border:1px solid var(--cm-border);border-radius:20px;padding:6px 12px;cursor:pointer;display:flex;align-items:center;gap:7px}.chip.svelte-1ohjb7q:hover{border-color:var(--cm-accent-page);color:var(--cm-text)}.chip.svelte-1ohjb7q .sw:where(.svelte-1ohjb7q){width:9px;height:9px;border-radius:2px;flex:none}.text-input.svelte-1ohjb7q{width:100%;margin-top:12px;background:var(--cm-surface-2);border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);color:var(--cm-text);font:inherit;font-size:12px;padding:8px 10px}.text-input.paste.svelte-1ohjb7q{font-family:var(--cm-font-mono);resize:vertical}.cmap-list.svelte-1ohjb7q{margin-top:10px;max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.cmap-row.svelte-1ohjb7q{display:grid;grid-template-columns:48px 1fr auto;gap:8px;align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--cm-radius-sm);padding:4px 6px;cursor:pointer;text-align:left}.cmap-row.svelte-1ohjb7q:hover{border-color:var(--cm-border);background:var(--cm-surface-2)}.cmap-strip.svelte-1ohjb7q{height:16px;border-radius:3px;border:1px solid var(--cm-border)}.cmap-name.svelte-1ohjb7q{font-size:12px;color:var(--cm-text)}.cmap-coll.svelte-1ohjb7q{font-family:var(--cm-font-mono);font-size:10px;color:var(--cm-text-mute)}.hint.svelte-1ohjb7q{font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-text-mute)}.err.svelte-1ohjb7q{margin-top:8px;font-size:11px;color:var(--cm-danger)}.swatch-big.svelte-1ohjb7q{width:100%;height:54px;border-radius:var(--cm-radius-sm);border:1px solid var(--cm-border);margin-bottom:12px;position:relative;overflow:hidden;background:repeating-conic-gradient(var(--cm-surface) 0 25%,var(--cm-surface-2) 0 50%) 0 / 14px 14px}.swatch-big.svelte-1ohjb7q .fill:where(.svelte-1ohjb7q){position:absolute;inset:0}.swatch-big.svelte-1ohjb7q .hex:where(.svelte-1ohjb7q){position:absolute;left:9px;bottom:7px;font-family:var(--cm-font-mono);font-size:12px;letter-spacing:.06em;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);mix-blend-mode:difference}.readout.svelte-1ohjb7q{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:center;font-family:var(--cm-font-mono);font-size:12px}.readout.svelte-1ohjb7q .k:where(.svelte-1ohjb7q){color:var(--cm-text-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.readout.svelte-1ohjb7q .v:where(.svelte-1ohjb7q){color:var(--cm-text);text-align:right;font-variant-numeric:tabular-nums}.readout.svelte-1ohjb7q .v.accent:where(.svelte-1ohjb7q){color:var(--cm-accent-page)}.scope-stage.svelte-1ohjb7q{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--cm-radius-sm);background:radial-gradient(circle at 50% 50%,color-mix(in oklab,var(--cm-surface) 70%,var(--cm-bg)) 0%,var(--cm-bg) 78%);border:1px solid var(--cm-border);overflow:hidden}#scopeBase.svelte-1ohjb7q,#scopeOverlay.svelte-1ohjb7q{position:absolute;inset:0;width:100%;height:100%}#scopeOverlay.svelte-1ohjb7q{z-index:7;cursor:grab;touch-action:none}#scopeOverlay.svelte-1ohjb7q.grabbing{cursor:grabbing}#scopeOverlay.svelte-1ohjb7q.panning{cursor:move}.scope-stage.svelte-1ohjb7q.v2d #scopeOverlay:where(.svelte-1ohjb7q){cursor:crosshair}.scope-corner.svelte-1ohjb7q{position:absolute;font-size:9.5px;letter-spacing:.1em;color:var(--cm-text-mute);z-index:8;text-transform:uppercase;pointer-events:none}.sc-tl.svelte-1ohjb7q{top:9px;left:11px}.sc-tr.svelte-1ohjb7q{top:9px;right:11px;text-align:right}.sc-bl.svelte-1ohjb7q{bottom:9px;left:11px}.sc-br.svelte-1ohjb7q{bottom:9px;right:11px;text-align:right;color:var(--cm-accent-page)}.scope-hint.svelte-1ohjb7q{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:8;font-size:9px;letter-spacing:.12em;color:#96aabe66;text-transform:uppercase;pointer-events:none;text-align:center;transition:opacity .4s;white-space:nowrap}.scope-hint.svelte-1ohjb7q.hidden{opacity:0}.loading.svelte-1ohjb7q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;background:color-mix(in srgb,var(--cm-bg) 78%,transparent);font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-accent-page);letter-spacing:.16em}.mono.svelte-1ohjb7q{font-family:var(--cm-font-mono)}.scope-controls.svelte-1ohjb7q{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;align-items:flex-end}.ctl.svelte-1ohjb7q{display:flex;flex-direction:column;gap:6px;flex:1;min-width:108px}.ctl.narrow.svelte-1ohjb7q{flex:0 0 auto;min-width:auto}.ctl.svelte-1ohjb7q label:where(.svelte-1ohjb7q),.ctl.svelte-1ohjb7q .grp-label:where(.svelte-1ohjb7q){font-family:var(--cm-font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cm-text-mute);display:flex;justify-content:space-between}.ctl.svelte-1ohjb7q label:where(.svelte-1ohjb7q) .val:where(.svelte-1ohjb7q){color:var(--cm-accent-page)}input[type=range].svelte-1ohjb7q{appearance:none;-webkit-appearance:none;width:100%;height:3px;background:var(--cm-border);border-radius:2px;outline:none;cursor:pointer;accent-color:var(--cm-accent-page)}input[type=range].svelte-1ohjb7q::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--cm-accent-page);cursor:pointer;border:none}input[type=range].svelte-1ohjb7q::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--cm-accent-page);cursor:pointer;border:none}.togglebtns.svelte-1ohjb7q{display:flex;gap:6px}.tg.svelte-1ohjb7q{font-family:var(--cm-font-mono);font-size:10px;padding:7px 11px;border-radius:var(--cm-radius-sm);border:1px solid var(--cm-border);background:var(--cm-surface-2);color:var(--cm-text-mute);cursor:pointer;text-transform:uppercase;letter-spacing:.06em}.tg.on.svelte-1ohjb7q{color:var(--cm-accent-page);border-color:var(--cm-accent-page)}.tg.svelte-1ohjb7q:hover{color:var(--cm-text)}.tg.svelte-1ohjb7q.disabled{opacity:.32;pointer-events:none}.slice-bar.svelte-1ohjb7q{display:flex;align-items:center;gap:12px;margin-top:12px;padding:11px 13px;background:var(--cm-surface-2);border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm)}.slice-bar.svelte-1ohjb7q .lab:where(.svelte-1ohjb7q){font-family:var(--cm-font-mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--cm-text-mute);white-space:nowrap}.slice-track.svelte-1ohjb7q{flex:1;height:16px;border-radius:3px;position:relative;cursor:pointer;background:linear-gradient(90deg,#000,#222,#444,#777,#aaa,#ddd,#fff)}.slice-track.svelte-1ohjb7q .band:where(.svelte-1ohjb7q){position:absolute;top:-2px;bottom:-2px;border:1.5px solid var(--cm-accent-page);border-radius:3px;background:color-mix(in srgb,var(--cm-accent-page) 12%,transparent);pointer-events:none}.slice-bar.svelte-1ohjb7q .pct:where(.svelte-1ohjb7q){font-family:var(--cm-font-mono);font-size:11px;color:var(--cm-accent-page);min-width:42px;text-align:right;font-variant-numeric:tabular-nums}.histwrap.svelte-1ohjb7q{position:relative}.rose-wrap.svelte-1ohjb7q{display:flex;justify-content:center}#rose.svelte-1ohjb7q{max-width:300px;width:100%}canvas.hist.svelte-1ohjb7q{width:100%;display:block;border-radius:var(--cm-radius-sm);background:var(--cm-surface);border:1px solid var(--cm-border)}.hist-axis.svelte-1ohjb7q{display:flex;justify-content:space-between;font-family:var(--cm-font-mono);font-size:9px;color:var(--cm-text-mute);margin-top:5px}.stats.svelte-1ohjb7q{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--cm-border);border:1px solid var(--cm-border);border-radius:var(--cm-radius-sm);overflow:hidden}.stat.svelte-1ohjb7q{background:var(--cm-surface);padding:10px 12px}.stat.svelte-1ohjb7q .k:where(.svelte-1ohjb7q){font-family:var(--cm-font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--cm-text-dim);margin-bottom:4px}.stat.svelte-1ohjb7q .v:where(.svelte-1ohjb7q){font-family:var(--cm-font-mono);font-size:16px;color:var(--cm-text);font-variant-numeric:tabular-nums}.stat.svelte-1ohjb7q .v.accent:where(.svelte-1ohjb7q){color:var(--cm-accent-page)}.stat.svelte-1ohjb7q .v .u{font-size:10px;color:var(--cm-text-mute);margin-left:3px}.palette.svelte-1ohjb7q{display:flex;flex-direction:column;gap:4px}.palette.svelte-1ohjb7q .pal-row{display:flex;align-items:center;gap:10px;font-family:var(--cm-font-mono);font-size:11px}.palette.svelte-1ohjb7q .pal-row .sw{width:26px;height:26px;border-radius:4px;flex:none;border:1px solid var(--cm-border)}.palette.svelte-1ohjb7q .pal-row .hex{color:var(--cm-text)}.palette.svelte-1ohjb7q .pal-row .meta{color:var(--cm-text-dim);font-size:10px;margin-left:auto;text-align:right}.palette.svelte-1ohjb7q .pal-row .bar{height:4px;background:var(--cm-accent-page);border-radius:2px;margin-top:3px;opacity:.5}.palette.svelte-1ohjb7q .empty{color:var(--cm-text-mute);font-family:var(--cm-font-mono);font-size:11px;text-align:center;padding:24px 0}.note.svelte-1ohjb7q{font-size:12px;color:var(--cm-text-dim);line-height:1.55}.note.svelte-1ohjb7q b{color:var(--cm-text);font-weight:600}.note.svelte-1ohjb7q code{font-family:var(--cm-font-mono);font-size:10.5px;color:var(--cm-accent-page);background:var(--cm-surface-2);padding:1px 5px;border-radius:3px}