:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-canvas:oklch(97.4% .006 230);--color-surface:oklch(99.6% .003 230);--color-surface-sunken:oklch(95.2% .009 230);--color-line:oklch(89.5% .012 230);--color-line-strong:oklch(78% .02 230);--color-ink:oklch(30.5% .04 225);--color-ink-strong:oklch(23% .035 225);--color-ink-muted:oklch(50% .025 225);--color-brand:oklch(38% .055 222);--color-brand-strong:oklch(31% .05 222);--color-on-brand:oklch(99% .004 230);--color-accent:oklch(79.5% .115 68);--color-good:oklch(52% .11 155);--color-warning:oklch(55% .13 55);--color-diff:oklch(62% .24 25);--color-focus:oklch(72% .13 68);--color-check-a:oklch(100% 0 0);--color-check-b:oklch(93% .005 230);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, monospace;--text-xs:clamp(.8125rem, .79rem + .1vw, .875rem);--text-sm:clamp(.875rem, .85rem + .12vw, .9375rem);--text-md:clamp(1rem, .97rem + .15vw, 1.0625rem);--text-lg:clamp(1.125rem, 1.05rem + .3vw, 1.3125rem);--text-xl:clamp(1.5rem, 1.25rem + 1vw, 2.125rem);--text-display:clamp(2rem, 1.4rem + 2.6vw, 3.5rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--gap-1:.25rem;--gap-2:.5rem;--gap-3:.75rem;--gap-4:1rem;--gap-5:1.5rem;--gap-6:2rem;--gap-7:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-raised:0 1px 2px oklch(30.5% .04 225/.06), 0 12px 32px -16px oklch(30.5% .04 225/.25);--target-size:44px;--ease-out:cubic-bezier(.16, 1, .3, 1);--duration:.18s;--shell-width:1200px;--shell-gutter:clamp(16px, 4vw, 48px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--color-canvas:oklch(19% .02 230);--color-surface:oklch(23% .022 230);--color-surface-sunken:oklch(17% .018 230);--color-line:oklch(32% .022 230);--color-line-strong:oklch(45% .025 230);--color-ink:oklch(90% .012 230);--color-ink-strong:oklch(97% .008 230);--color-ink-muted:oklch(70% .018 230);--color-brand:oklch(79.5% .115 68);--color-brand-strong:oklch(85% .1 72);--color-on-brand:oklch(20% .03 225);--color-good:oklch(75% .12 155);--color-warning:oklch(78% .12 70);--color-check-a:oklch(30% .01 230);--color-check-b:oklch(25% .01 230);--shadow-raised:0 1px 2px oklch(0% 0 0/.3), 0 12px 32px -16px oklch(0% 0 0/.6)}}*,:before,:after{box-sizing:border-box}body{min-block-size:100dvh;margin:0}h1,h2,h3,p,dl,dd,figure,fieldset,pre{margin:0}fieldset{border:0;min-inline-size:0;padding:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img,svg,canvas{max-inline-size:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{font-family:var(--font-sans);color:var(--color-ink);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased;accent-color:var(--color-brand);font-size:100%;line-height:1.55}body{font-size:var(--text-md)}h1,h2,h3{color:var(--color-ink-strong);text-wrap:balance;line-height:1.15}p{text-wrap:pretty}code,pre,kbd{font-family:var(--font-mono);font-size:.92em}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}[class*=button]{justify-content:center;align-items:center;gap:var(--gap-2);min-block-size:var(--target-size);padding-block:var(--space-2);padding-inline:var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-ink-strong);font-size:var(--text-sm);transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);font-weight:600;text-decoration:none;display:inline-flex}[class*=button]:hover{border-color:var(--color-brand)}.button-primary{border-color:var(--color-brand);background-color:var(--color-brand);color:var(--color-on-brand)}.button-primary:hover{border-color:var(--color-brand-strong);background-color:var(--color-brand-strong)}.segmented{padding:var(--space-1);border:1px solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-surface-sunken);flex-wrap:wrap;display:inline-flex}.segmented label{min-block-size:36px;padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--duration) var(--ease-out);align-items:center;display:inline-flex}.segmented label:has(:checked){background-color:var(--color-surface);color:var(--color-ink-strong);box-shadow:var(--shadow-raised)}.segmented label:has(:focus-visible){outline:3px solid var(--color-focus)}.segmented input{opacity:0;pointer-events:none;position:absolute}.compare[data-v-a61e35b6]{gap:var(--gap-4);display:grid}@media (width>=720px){.compare[data-v-a61e35b6]{grid-template-columns:1fr 1fr}}figure[data-v-a61e35b6]{align-content:start;gap:var(--gap-2);display:grid}figcaption[data-v-a61e35b6]{justify-content:space-between;align-items:center;gap:var(--gap-2);min-block-size:var(--target-size);color:var(--color-ink-strong);font-size:var(--text-sm);flex-wrap:wrap;font-weight:600;display:flex}.toggle[data-v-a61e35b6]{align-items:center;gap:var(--gap-2);min-block-size:var(--target-size);color:var(--color-ink-muted);cursor:pointer;font-weight:400;display:inline-flex}.stage[data-v-a61e35b6]{aspect-ratio:4/3;padding:var(--space-4);border:1px solid var(--color-line);border-radius:var(--radius-md);background-color:var(--color-check-a);background-image:conic-gradient(var(--color-check-b) 25%, transparent 0 50%, var(--color-check-b) 0 75%, transparent 0);background-size:16px 16px;place-items:center;display:grid;overflow:hidden}.stage[data-v-a61e35b6]>*{object-fit:contain;grid-area:1/1;block-size:100%;inline-size:100%}.overlay[data-v-a61e35b6]{image-rendering:pixelated;mix-blend-mode:multiply;opacity:.9}.note[data-v-a61e35b6]{color:var(--color-ink-muted);font-size:var(--text-xs)}.drop[data-v-bc2b541a]{justify-items:center;gap:var(--gap-1);padding-block:var(--space-6);padding-inline:var(--space-4);border:2px dashed var(--color-line-strong);border-radius:var(--radius-lg);background-color:var(--color-surface);text-align:center;cursor:pointer;transition:border-color var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out);display:grid}.drop[data-v-bc2b541a]:hover,.drop.over[data-v-bc2b541a]{border-color:var(--color-brand);background-color:var(--color-surface-sunken)}.drop[data-v-bc2b541a]:has(:focus-visible){outline:3px solid var(--color-focus);outline-offset:2px}.drop strong[data-v-bc2b541a]{color:var(--color-ink-strong);font-size:var(--text-lg)}.drop span[data-v-bc2b541a]{color:var(--color-ink-muted);font-size:var(--text-sm)}.drop input[data-v-bc2b541a]{opacity:0;block-size:1px;inline-size:1px;position:absolute}.scroll[data-v-aef6ee08]{overflow-x:auto}table[data-v-aef6ee08]{border-collapse:collapse;inline-size:100%;font-size:var(--text-sm);font-variant-numeric:tabular-nums}th[data-v-aef6ee08],td[data-v-aef6ee08]{padding-block:var(--space-3);padding-inline:var(--space-3);border-block-end:1px solid var(--color-line);text-align:end;white-space:nowrap}th[scope=row][data-v-aef6ee08],th[scope=col][data-v-aef6ee08]:first-child{text-align:start;white-space:normal}thead th[data-v-aef6ee08]{color:var(--color-ink-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;font-weight:600}small[data-v-aef6ee08]{color:var(--color-ink-muted);font-size:var(--text-xs);font-weight:400;display:block}.target[data-v-aef6ee08]{color:var(--color-ink-strong);font-weight:600}.winner[data-v-aef6ee08]{background-color:var(--color-surface-sunken)}.winner th[data-v-aef6ee08],.winner td[data-v-aef6ee08]:last-child{color:var(--color-good);font-weight:700}.shell[data-v-5e832e0f]{gap:var(--gap-6);max-inline-size:var(--shell-width);padding-block:var(--space-6);padding-inline:var(--shell-gutter);margin-inline:auto;display:grid}.masthead[data-v-5e832e0f]{gap:var(--gap-3);max-inline-size:62ch;display:grid}.masthead h1[data-v-5e832e0f]{font-size:var(--text-display);letter-spacing:-.02em}.masthead p[data-v-5e832e0f]{color:var(--color-ink-muted);font-size:var(--text-lg)}.workspace[data-v-5e832e0f],.result[data-v-5e832e0f]{gap:var(--gap-5);display:grid}.controls[data-v-5e832e0f]{gap:var(--gap-4) var(--gap-6);flex-wrap:wrap;display:flex}.controls fieldset[data-v-5e832e0f]{gap:var(--gap-2);display:grid}.controls legend[data-v-5e832e0f]{color:var(--color-ink-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;margin-block-end:var(--gap-2);padding:0;font-weight:600}.result[data-v-5e832e0f]{padding:var(--space-5);border:1px solid var(--color-line);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-raised)}.result-head[data-v-5e832e0f]{justify-content:space-between;align-items:baseline;gap:var(--gap-2) var(--gap-4);flex-wrap:wrap;display:flex}.result-head h2[data-v-5e832e0f]{font-size:var(--text-xl);overflow-wrap:anywhere}.status[data-v-5e832e0f]{color:var(--color-ink-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.actions[data-v-5e832e0f]{gap:var(--gap-3);flex-wrap:wrap;display:flex}.message[data-v-5e832e0f]{padding:var(--space-3);border-inline-start:4px solid var(--color-warning);border-radius:var(--radius-sm);background-color:var(--color-surface-sunken);font-size:var(--text-sm)}.message.error[data-v-5e832e0f]{border-inline-start-color:var(--color-diff)}.config[data-v-5e832e0f]{gap:var(--gap-3);display:grid}.config summary[data-v-5e832e0f]{min-block-size:var(--target-size);color:var(--color-ink-strong);cursor:pointer;align-content:center;font-weight:600}.config p[data-v-5e832e0f]{color:var(--color-ink-muted);font-size:var(--text-sm);margin-block-end:var(--gap-3)}.config pre[data-v-5e832e0f]{max-block-size:24rem;padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface-sunken);font-size:var(--text-xs);margin-block-end:var(--gap-3);overflow:auto}.footer[data-v-5e832e0f]{color:var(--color-ink-muted);font-size:var(--text-sm)}.footer a[data-v-5e832e0f]{color:inherit}