.tool.svelte-10uph3j{display:grid;gap:2rem;align-items:start}@media(min-width:64rem){.tool.svelte-10uph3j{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:3rem}}.options.svelte-10uph3j{display:grid;gap:1.5rem}.group.svelte-10uph3j{display:grid;min-width:0;border:0;padding:0}legend.svelte-10uph3j{margin-bottom:.75rem;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.opts.svelte-10uph3j{display:flex;flex-wrap:wrap;gap:.5rem}.opt.svelte-10uph3j{position:relative;cursor:pointer}.opt.svelte-10uph3j input:where(.svelte-10uph3j){position:absolute;opacity:0;inset:0;cursor:pointer}.opt.svelte-10uph3j span:where(.svelte-10uph3j){display:inline-block;padding:.5rem .875rem;border:1px solid var(--web-border-control);border-radius:var(--radius-full);font-size:var(--font-size-md);color:var(--text-secondary);transition:background-color var(--duration-normal),border-color var(--duration-normal),color var(--duration-normal)}.opt.svelte-10uph3j:hover span:where(.svelte-10uph3j){border-color:var(--text-primary)}.opt.svelte-10uph3j input:where(.svelte-10uph3j):checked+span:where(.svelte-10uph3j){border-color:var(--web-primary-fill);background:var(--web-primary-fill);color:var(--primary-foreground)}.opt.svelte-10uph3j input:where(.svelte-10uph3j):focus-visible+span:where(.svelte-10uph3j){box-shadow:var(--focus-ring)}.result.svelte-10uph3j{display:flex;flex-direction:column;gap:.875rem;padding:clamp(1.5rem,3.5vw,2.5rem);border-radius:var(--web-radius-panel)}@media(min-width:64rem){.result.svelte-10uph3j{position:sticky;top:6rem}}.msg.svelte-10uph3j{border:1px solid var(--web-panel-line);border-radius:var(--radius-xl);background:oklch(from var(--web-panel-fg) l c h / .06)}.msg-head.svelte-10uph3j{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--web-panel-line);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--web-panel-fg)}.copy.svelte-10uph3j{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border:1px solid var(--web-panel-line);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--web-panel-fg);cursor:pointer}.copy.svelte-10uph3j:hover:not(:disabled){border-color:var(--web-panel-fg)}.copy.svelte-10uph3j:disabled{opacity:.5;cursor:not-allowed}.copy.svelte-10uph3j svg{width:.875rem;height:.875rem}pre.svelte-10uph3j{margin:0;padding:1rem;white-space:pre-wrap;font-family:inherit;font-size:var(--font-size-md);line-height:var(--leading-looser);color:var(--web-panel-fg)}.hint.svelte-10uph3j{font-size:var(--font-size-sm);color:var(--web-panel-muted)}.cta-box.svelte-10uph3j{display:grid;gap:.875rem;padding-top:.5rem;font-size:var(--font-size-md);line-height:var(--leading-looser);color:var(--web-panel-muted)}.cta-box.svelte-10uph3j svg{width:1.125rem;height:1.125rem}