:root{--ink:#1c1915;--muted:#5c564c;--paper:#f4efe4;--panel:#fffdf8;--line:#d9d0c0;--accent:#9b2c2c;--accent-dark:#7a1f1f;--focus:#1d4e89;--mono:"Cambria Math", "Iosevka", "Cascadia Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Times New Roman", serif;--sans:"Segoe UI", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{color:var(--ink);background:radial-gradient(1200px 400px at 10% -10%, #efe6d2 0%, transparent 55%), var(--paper);font-family:var(--sans);margin:0;line-height:1.5}code{font-family:var(--mono);font-size:.92em}a{color:var(--focus)}.skip-link{background:var(--ink);color:#fff;z-index:2;padding:.4rem .7rem;position:absolute;top:-3rem;left:.75rem}.skip-link:focus{top:.75rem}.hero,.workspace,footer{width:min(1100px,100% - 2rem);margin-inline:auto}.hero{text-align:center;padding:2.75rem 0 1.25rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0 0 .4rem;font-size:.72rem;font-weight:700}h1,h2,h3{font-family:var(--serif);letter-spacing:-.02em;font-weight:600}h1{margin:0 0 .75rem;font-size:clamp(2rem,4vw,3.1rem)}.lede{max-width:46rem;color:var(--muted);margin:0 auto;font-size:1.05rem}.workspace{gap:1.1rem;padding-bottom:2.5rem;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.15rem 1.2rem;box-shadow:0 1px #1c19150a}.panel-head h2{margin:0 0 .25rem;font-size:1.25rem}.panel-head p{color:var(--muted);margin:0 0 .9rem}.editors{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.editor,.option-grid>label:not(.check),.output-actions{gap:.35rem;display:grid}.editor span,.option-grid>label:not(.check) span{font-size:.85rem;font-weight:650}textarea,select,button{font:inherit}textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:8px;padding:.65rem .7rem}textarea{font-family:var(--mono);resize:vertical;min-height:12rem;font-size:.85rem}#diffOutput{min-height:18rem}textarea:focus,select:focus,button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.option-grid{grid-template-columns:1fr 1fr;gap:.85rem 1rem;display:grid}.option-grid .check{flex-direction:row;grid-column:1/-1;align-items:center;gap:.6rem;display:flex}.option-grid .check input{width:1.05rem;height:1.05rem;accent-color:var(--accent);flex-shrink:0;margin:0}.option-grid .check span{font-size:.85rem;font-weight:650;line-height:1.3}.actions{flex-wrap:wrap;align-items:center;gap:.8rem 1rem;margin-top:1rem;display:flex}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.65rem 1.15rem;font-weight:650}button:hover:not(:disabled){background:var(--accent-dark)}button:disabled{opacity:.55;cursor:not-allowed}.output-actions{grid-template-columns:max-content max-content;margin-bottom:.7rem}.output-actions button.is-copied,.output-actions button.is-copied:hover:not(:disabled){background:#2f6b4f}#status{color:var(--muted);margin:0}#status[data-kind=error]{color:var(--accent)}.about{width:min(46rem,100% - 2rem);color:var(--muted);text-align:center;margin:0 auto 2.75rem}.about h2,.about h3{color:var(--ink)}.about h2{margin:0 0 .75rem;font-size:1.6rem}.about h3{margin:1.5rem 0 .4rem;font-size:1.15rem}.about p,.about ul{margin-inline:auto}.about ul{text-align:left;padding-left:1.15rem;display:inline-block}.about li{margin:.35rem 0}.made-with{text-align:center;margin:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=800px){.editors,.option-grid{grid-template-columns:1fr}.check{grid-column:auto}}