:root{--color-bg:#f7f7f5;--color-surface:#fff;--color-text:#1c1d1f;--color-muted:#5d6066;--color-border:#d9dadc;--color-accent:#1f5fbf;--color-accent-text:#fff;--color-success:#1d7a46;--color-danger:#b42318;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-sm:.875rem;--text-md:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--weight-regular:400;--weight-bold:600;--leading:1.5;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--size-page:60rem;--size-field:11rem;--size-target:2.75rem;--size-border:1px;--size-focus:2px;--radius:.5rem;--shadow:0 1px 2px #0000000f;--motion:.12s ease-out;--none:0;--grow:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#121314;--color-surface:#1b1c1e;--color-text:#ecedee;--color-muted:#a0a3a8;--color-border:#313337;--color-accent:#6ea2f5;--color-accent-text:#0b1220;--color-success:#5cc58a;--color-danger:#f97066}}:root[data-theme=dark]{--color-bg:#121314;--color-surface:#1b1c1e;--color-text:#ecedee;--color-muted:#a0a3a8;--color-border:#313337;--color-accent:#6ea2f5;--color-accent-text:#0b1220;--color-success:#5cc58a;--color-danger:#f97066}*,:before,:after{box-sizing:border-box}body{margin:var(--none);font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading);color:var(--color-text);background:var(--color-bg)}.page{gap:var(--space-6);max-width:var(--size-page);padding:var(--space-8) var(--space-4);margin-inline:auto;display:grid}.masthead h1{margin:var(--none);font-size:var(--text-xl)}.lede,.note,.agents{font-size:var(--text-sm);color:var(--color-muted)}.lede,.note{margin:var(--none)}.settings{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border:var(--size-border) solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;align-items:end;display:flex}.field{gap:var(--space-1);width:var(--size-field);display:grid}.field label{font-size:var(--text-sm);font-weight:var(--weight-bold)}.field input,button{min-height:var(--size-target);padding:var(--space-2) var(--space-3);font:inherit;color:inherit;background:var(--color-bg);border:var(--size-border) solid var(--color-border);border-radius:var(--radius)}button{cursor:pointer;transition:background var(--motion), color var(--motion)}.generate{font-weight:var(--weight-bold);color:var(--color-accent-text);background:var(--color-accent);border-color:var(--color-accent)}:focus-visible{outline:var(--size-focus) solid var(--color-accent);outline-offset:var(--size-focus)}.results{gap:var(--space-6);display:grid}.group h2{margin:var(--none);font-size:var(--text-lg)}.values{gap:var(--space-1);padding:var(--none);margin:var(--space-2) var(--none) var(--none);list-style:none;display:grid}.value{gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface);border:var(--size-border) solid var(--color-border);border-radius:var(--radius);align-items:center;display:flex}.value code{flex:var(--grow);min-width:var(--none);font-family:var(--font-mono);font-size:var(--text-sm);overflow-wrap:anywhere}.copied{color:var(--color-success);border-color:var(--color-success)}.status.error{color:var(--color-danger)}.agents a{color:var(--color-accent)}