.converter[data-v-434dc02a]{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);gap:.75rem;margin:1.75rem 0 0;padding:1.1rem 1.15rem 1.15rem;display:grid}.swatch[data-v-434dc02a]{border-radius:var(--radius-sm);border:1px solid var(--border-strong);cursor:pointer;width:100%;height:3.25rem;padding:0;display:block;position:relative;overflow:hidden}.swatch[data-v-434dc02a]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.swatch-fill[data-v-434dc02a]{background:var(--swatch-color);width:100%;height:100%;display:block}.swatch-edit[data-v-434dc02a]{letter-spacing:.02em;color:oklch(99% 0 0);border-radius:var(--radius-sm);backdrop-filter:blur(6px);background:oklch(20% 0 0/.55);border:1px solid oklch(100% 0 0/.18);align-items:center;gap:.3rem;padding:.22rem .5rem .22rem .35rem;font-size:.72rem;font-weight:650;transition:background .15s,transform .15s;display:inline-flex;position:absolute;top:.45rem;right:.55rem}.swatch:hover .swatch-edit[data-v-434dc02a],.swatch:focus-visible .swatch-edit[data-v-434dc02a]{background:oklch(20% 0 0/.72)}.swatch-edit-icon[data-v-434dc02a]{width:.9rem;height:.9rem}.panels[data-v-434dc02a]{grid-template-columns:1fr auto 1fr;align-items:end;gap:.65rem .75rem;display:grid}.panel[data-v-434dc02a]{gap:.35rem;min-width:0;display:grid}.label[data-v-434dc02a]{letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);font-size:.78rem;font-weight:650}.arrow[data-v-434dc02a]{color:var(--text-faint);align-self:center;padding-bottom:.15rem;font-size:1.1rem}.field-shell[data-v-434dc02a]{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:stretch;min-width:0;display:flex;overflow:hidden}.field-shell.focused[data-v-434dc02a]{border-color:var(--accent)}.field-shell.invalid[data-v-434dc02a]{border-color:var(--danger)}.field[data-v-434dc02a]{min-width:0;font-family:var(--font-mono);color:var(--text);background:0 0;border:none;flex:1;padding:.55rem .7rem;font-size:.9rem}.field[data-v-434dc02a]::placeholder{color:var(--text-faint)}.field[data-v-434dc02a]:focus{outline:none}.output[data-v-434dc02a]{background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;align-items:center;gap:.35rem;min-width:0;min-height:2.55rem;padding:.35rem .4rem .35rem .7rem;display:flex}.output code[data-v-434dc02a]{min-width:0;font-family:var(--font-mono);overflow-wrap:anywhere;color:var(--text);background:0 0;border:none;flex:1;padding:0;font-size:.9rem}.status[data-v-434dc02a]{color:var(--text-muted);min-height:1.35em;margin:0;font-size:.82rem}.status.invalid[data-v-434dc02a]{color:var(--danger)}.status strong[data-v-434dc02a]{color:var(--text);font-weight:600}.chips[data-v-434dc02a]{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.chip[data-v-434dc02a]{color:var(--text-muted);background:var(--bg-inset);border:1px solid var(--border);border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .55rem .25rem .35rem;font-size:.78rem;font-weight:550;display:inline-flex}.chip[data-v-434dc02a]:hover{color:var(--text);border-color:var(--border-strong)}.chip.active[data-v-434dc02a]{color:var(--text);border-color:var(--accent);background:color-mix(in oklab, var(--accent) 12%, var(--bg-inset))}.chip-swatch[data-v-434dc02a]{border:1px solid oklch(50% 0 0/.4);border-radius:50%;width:14px;height:14px}.chip-swatch[data-v-434dc02a]:after{content:"";border-radius:inherit;background:var(--chip-color);width:100%;height:100%;display:block}.more[data-v-434dc02a]{color:var(--text-muted);margin:0;font-size:.82rem}.more a[data-v-434dc02a]{color:var(--accent)}@media (width<=40rem){.panels[data-v-434dc02a]{grid-template-columns:1fr}.arrow[data-v-434dc02a]{justify-self:center;padding:0;transform:rotate(90deg)}}article[data-astro-cid-yzuitcov]{max-width:60rem}.breadcrumb[data-astro-cid-yzuitcov]{margin-bottom:.75rem;font-size:.85rem}.breadcrumb[data-astro-cid-yzuitcov] a[data-astro-cid-yzuitcov]{color:var(--accent);text-decoration:none}.breadcrumb[data-astro-cid-yzuitcov] a[data-astro-cid-yzuitcov]:hover{text-decoration:underline}section[data-astro-cid-yzuitcov]{margin-top:3rem}section[data-astro-cid-yzuitcov] p[data-astro-cid-yzuitcov]{max-width:var(--measure);color:var(--text-muted)}.section-intro[data-astro-cid-yzuitcov]{color:var(--text-muted)}th[data-astro-cid-yzuitcov][scope=row]{text-transform:none;letter-spacing:normal;color:var(--text);align-items:center;gap:.5rem;font-size:.88rem;font-weight:500;display:flex}.chip[data-astro-cid-yzuitcov]{border:1px solid var(--border-strong);border-radius:4px;flex:none;width:16px;height:16px}td[data-astro-cid-yzuitcov] code[data-astro-cid-yzuitcov]{overflow-wrap:anywhere;background:0 0;border:none;padding:0;font-size:.82rem}.action[data-astro-cid-yzuitcov]{text-align:right;width:5rem}.copy[data-astro-cid-yzuitcov]{min-width:4.25rem;color:var(--text-muted);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.25rem .55rem;font-size:.75rem;font-weight:600}.copy[data-astro-cid-yzuitcov][data-copied]{color:var(--success);border-color:var(--success)}.related[data-astro-cid-yzuitcov]{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.35rem 1rem;margin:0;padding:0;list-style:none;display:grid}