:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f5;--surface:#fff;--ink:#17211f;--muted:#5d6b68;--line:#d5dbd8;--accent:#0f766e;--accent-ink:#fff;--mark-bg:#fde68a;--mark-ink:#4a3500;--error:#b42318;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101615;--surface:#18201f;--ink:#e7eeec;--muted:#97a5a2;--line:#2c3836;--accent:#2dd4bf;--accent-ink:#06201d;--mark-bg:#6b5300;--mark-ink:#fff3c4;--error:#ff8a7a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0}main{max-width:40rem;margin:0 auto;padding:2.5rem 1rem 3rem}h1{letter-spacing:-.02em;margin:0;font-size:1.75rem}h2,label{margin:1.25rem 0 .375rem;font-size:.875rem;font-weight:600;display:block}.lede{color:var(--muted);margin:.375rem 0 1.5rem}.optional{color:var(--muted);font-weight:400}.tabs{background:var(--surface);border:1px solid var(--line);border-radius:.625rem;grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:.4375rem;padding:.5rem 1rem;font-weight:600}button[aria-selected=true],button.primary{background:var(--accent);color:var(--accent-ink)}button:disabled{opacity:.45;cursor:not-allowed}textarea,input,.result{width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:.5rem;padding:.625rem .75rem;display:block}textarea{resize:vertical}textarea[readonly]{background:0 0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.result{white-space:pre-wrap;overflow-wrap:anywhere;min-height:2.75rem;margin:0}mark{background:var(--mark-bg);color:var(--mark-ink);border-radius:.25rem;padding:.0625rem .125rem}.output-head{justify-content:space-between;align-items:end;margin-bottom:.375rem;display:flex}.output-head h2{margin-bottom:0}.output-head button{padding:.25rem .875rem;font-size:.875rem}.row{gap:.5rem;display:flex}.note{color:var(--muted);margin:.375rem 0 0;font-size:.875rem}.error{color:var(--error);margin:.375rem 0 0;font-size:.875rem}footer{border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}