.viewer[data-v-fa80d27e]{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.compare[data-v-fa80d27e]{width:min(100cqw, 100cqh * var(--ratio));aspect-ratio:var(--ratio);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}.compare.picking[data-v-fa80d27e]{cursor:crosshair}.compare.pan-ready[data-v-fa80d27e]{cursor:grab}.compare.panning[data-v-fa80d27e]{cursor:grabbing}.viewport[data-v-fa80d27e]{background:var(--surface);will-change:transform;position:absolute;inset:0;overflow:hidden}.stage[data-v-fa80d27e],.layer[data-v-fa80d27e]{position:absolute}.stage[data-v-fa80d27e]{background:repeating-conic-gradient(var(--checker-a) 0 25%, var(--checker-b) 0 50%) 0 0 / 16px 16px}.clip[data-v-fa80d27e],.pane[data-v-fa80d27e]{transform-origin:0 0;will-change:transform;position:absolute;inset:0;overflow:hidden}.overlay[data-v-fa80d27e]{pointer-events:none}.overlay path[data-v-fa80d27e]{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.halo[data-v-fa80d27e]{stroke:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);stroke-opacity:.75;stroke-width:3px}.line[data-v-fa80d27e]{stroke:var(--lightningcss-light,#d4005f)var(--lightningcss-dark,#ff6fb0);stroke-width:1px}.node-halo[data-v-fa80d27e]{stroke-width:7px}.node[data-v-fa80d27e]{stroke-width:4px}.pixelated[data-v-fa80d27e]{image-rendering:pixelated}.divider[data-v-fa80d27e]{pointer-events:none;background:#fff;width:2px;position:absolute;top:0;bottom:0;translate:-50%;box-shadow:0 0 0 1px #00000059}.handle[data-v-fa80d27e]{color:#1c1f24;background:#fff;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 1px 4px #0006}.compare:has(input:focus-visible) .handle[data-v-fa80d27e]{outline:3px solid var(--focus);outline-offset:2px}.label[data-v-fa80d27e]{color:#fff;pointer-events:none;background:#0009;border-radius:6px;padding:2px 8px;font-size:.8125rem;position:absolute;top:8px}.original-label[data-v-fa80d27e]{left:8px}.svg-label[data-v-fa80d27e]{right:8px}.zoom-bar[data-v-fa80d27e]{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:default;border-radius:8px;align-items:center;gap:2px;padding:3px;font-size:.8125rem;display:flex;position:absolute;bottom:8px;right:8px;box-shadow:0 1px 4px #0000004d}.zoom-bar button[data-v-fa80d27e]{min-width:30px;height:30px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 8px}.zoom-bar button[data-v-fa80d27e]:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 15%, transparent)}.zoom-bar button[data-v-fa80d27e]:disabled{opacity:.4;cursor:default}.zoom-level[data-v-fa80d27e]{text-align:center;font-variant-numeric:tabular-nums;min-width:4.5em}.palette[data-v-8fcb5509]{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}h2[data-v-8fcb5509]{margin:0;font-size:1.0625rem;font-weight:600}.hint[data-v-8fcb5509]{color:var(--muted);margin:0;font-size:.8125rem}.entries[data-v-8fcb5509]{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.entry[data-v-8fcb5509]{align-items:center;gap:8px;display:flex}.entry input[type=checkbox][data-v-8fcb5509]{width:1.1rem;height:1.1rem;accent-color:var(--accent);flex:none;margin:0}.spacer[data-v-8fcb5509]{flex:none;width:1.1rem}.swatch[data-v-8fcb5509],input[type=color][data-v-8fcb5509]{box-sizing:border-box;border:1px solid var(--border);border-radius:6px;flex:none;width:2rem;height:2rem;padding:0}.swatch[data-v-8fcb5509]{forced-color-adjust:none}input[type=color][data-v-8fcb5509]{cursor:pointer;background:0 0}input[type=color][data-v-8fcb5509]::-webkit-color-swatch-wrapper{padding:0}input[type=color][data-v-8fcb5509]::-webkit-color-swatch{border:none;border-radius:5px}.info[data-v-8fcb5509]{flex-wrap:wrap;flex:1;align-items:baseline;column-gap:8px;min-width:0;display:flex}.hex[data-v-8fcb5509],.muted[data-v-8fcb5509]{font-variant-numeric:tabular-nums}.muted[data-v-8fcb5509]{color:var(--muted)}.brand[data-v-8fcb5509]{color:var(--accent);font-size:.8125rem}.tools[data-v-8fcb5509]{flex-wrap:wrap;gap:8px;display:flex}.tools .button[aria-pressed=true][data-v-8fcb5509]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, var(--surface))}.edit[data-v-8fcb5509]{border:0;flex-direction:column;gap:12px;min-width:0;margin:0;padding:0;display:flex}.add[data-v-8fcb5509]{flex-direction:column;gap:6px;display:flex}.add label[data-v-8fcb5509]{font-weight:600}.add-row[data-v-8fcb5509]{gap:8px;display:flex}.add-row input[data-v-8fcb5509]{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:6px 8px}.add-row input[aria-invalid=true][data-v-8fcb5509]{border-color:var(--error)}.error[data-v-8fcb5509]{color:var(--error);margin:0;font-size:.8125rem}.apply[data-v-99ba3c09]{border-top:1px solid var(--border);background:var(--surface);border-radius:0 0 11px 11px;justify-content:flex-end;margin:0 -16px -16px;padding:12px 16px 16px;display:flex;position:sticky;bottom:0}input[data-v-99ba3c09],select[data-v-99ba3c09],textarea[data-v-99ba3c09],summary[data-v-99ba3c09]{scroll-margin-bottom:80px}.settings[data-v-99ba3c09]{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:20px;padding:16px;display:flex}h2[data-v-99ba3c09]{margin:0;font-size:1.0625rem;font-weight:600}.field[data-v-99ba3c09]{flex-direction:column;gap:6px;display:flex}.field-head[data-v-99ba3c09]{flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:12px;display:flex}label[data-v-99ba3c09]{font-weight:600}.value[data-v-99ba3c09]{color:var(--muted);font-variant-numeric:tabular-nums}input[type=range][data-v-99ba3c09]{width:100%;accent-color:var(--accent);margin:0}.ends[data-v-99ba3c09]{color:var(--muted);justify-content:space-between;font-size:.8125rem;display:flex}.hint[data-v-99ba3c09],.error[data-v-99ba3c09]{margin:0;font-size:.8125rem}.hint[data-v-99ba3c09]{color:var(--muted)}.error[data-v-99ba3c09]{color:var(--error)}.switch[data-v-99ba3c09]:has(input:disabled){opacity:.5;cursor:default}summary[data-v-99ba3c09]{cursor:pointer;width:-moz-fit-content;width:fit-content;font-weight:600}.advanced[data-v-99ba3c09]{flex-direction:column;gap:20px;margin-top:16px;display:flex}select[data-v-99ba3c09],textarea[data-v-99ba3c09],input[type=number][data-v-99ba3c09]{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;padding:6px 8px}textarea[data-v-99ba3c09]{resize:vertical}textarea[aria-invalid=true][data-v-99ba3c09]{border-color:var(--error)}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:var(--lightningcss-light,#f4f5f7)var(--lightningcss-dark,#16181b);--surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#1f2226);--text:var(--lightningcss-light,#1c1f24)var(--lightningcss-dark,#e7e9ec);--muted:var(--lightningcss-light,#596170)var(--lightningcss-dark,#a3aab5);--border:var(--lightningcss-light,#d4d8de)var(--lightningcss-dark,#3a3f47);--accent:var(--lightningcss-light,#2457c5)var(--lightningcss-dark,#82a8ff);--on-accent:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0e1320);--focus:var(--lightningcss-light,#1747b0)var(--lightningcss-dark,#a9c1ff);--error:var(--lightningcss-light,#b3261e)var(--lightningcss-dark,#ffb4ab);--checker-a:var(--lightningcss-light,#fff)var(--lightningcss-dark,#2a2d32);--checker-b:var(--lightningcss-light,#e2e4e8)var(--lightningcss-dark,#34383e);color:var(--text);background:var(--bg);font:16px/1.5 Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}.header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:40px;padding:10px 20px;display:flex}h1{margin:0;font-size:1.25rem;font-weight:600}.main{flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px;display:flex}.main p{margin:0}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:8px;align-items:center;padding:8px 16px;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--accent)}.button:disabled{opacity:.5;cursor:default}.button:disabled:hover{border-color:var(--border)}.button.primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.button.primary:hover{filter:brightness(1.1)}.start{border:2px dashed var(--border);text-align:center;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.card{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:min(32rem,100%);margin:auto;padding:28px;display:flex}.lead{font-size:1.25rem}.hint,.info{color:var(--muted)}.message{border:1px solid var(--border);border-left:4px solid var(--accent);background:var(--surface);border-radius:8px;padding:8px 14px}.actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}progress{width:100%;accent-color:var(--accent)}.workspace{flex:1;gap:20px;min-height:0;display:flex}.result{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;display:flex}.side{flex-direction:column;flex:0 0 19rem;gap:12px;min-height:0;display:flex;overflow-y:auto}.busy{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px;animation:.15s .25s backwards busy-in;display:flex;position:sticky;bottom:0}@keyframes busy-in{0%{opacity:0}}@media (max-width:52rem){.workspace{flex-direction:column;overflow-y:auto}.result{flex:none;height:70dvh}.side{flex:none;overflow-y:visible}}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar .info{margin-right:auto}.switch{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.switch input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.notices{background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:8px;margin:0;padding:8px 14px;list-style:none}.drop-overlay{border:3px dashed var(--accent);background:color-mix(in srgb, var(--bg) 85%, transparent);color:var(--accent);pointer-events:none;border-radius:16px;place-items:center;font-size:1.5rem;font-weight:600;display:grid;position:fixed;inset:12px}