:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;background:#f8fafc;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{flex-direction:column;min-height:100svh;margin:0;display:flex}.formatter button,.formatter select{font:inherit}.formatter{max-width:90rem;margin:0 auto;padding:clamp(1rem,4vw,3rem)}.formatter-header h1{letter-spacing:-.035em;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.2}.formatter-header p,.privacy-note{color:#475569;line-height:1.6}.formatter-toolbar,.formatter-actions,.indent-control,.editor-heading{align-items:center;gap:.75rem;display:flex}.formatter-toolbar{flex-wrap:wrap;justify-content:space-between;margin:2rem 0 1rem}.formatter button,.formatter select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;min-height:2.75rem;padding:.5rem 1rem}.formatter button{cursor:pointer}.formatter button:hover:not(:disabled){background:#f1f5f9}.formatter button.primary{color:#fff;background:#1d4ed8;border-color:#1d4ed8}.formatter button.primary:hover{background:#1e40af}.formatter button:disabled{cursor:default;opacity:.45}.formatter button:focus-visible,.formatter select:focus-visible,.formatter textarea:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #2563eb}.formatter-editors{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.editor-panel{min-width:0}.editor-heading{justify-content:space-between;min-height:3.5rem;font-weight:600}.editor-heading button{font-weight:400}.editor-panel textarea{resize:vertical;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;width:100%;height:52vh;min-height:24rem;padding:1rem;font:.9375rem/1.6 Consolas,Courier New,monospace;display:block}.editor-panel textarea::placeholder{color:#64748b}.editor-panel textarea[aria-invalid=true]{border-color:#b91c1c}.format-error{color:#991b1b;background:#fef2f2;border-radius:.5rem;padding:.75rem 1rem}.copy-status{color:#334155;min-height:1.5rem;margin:1rem 0 0}.privacy-note{margin-top:.5rem;font-size:.875rem}@media (max-width:700px){.formatter-editors{grid-template-columns:1fr}.editor-panel textarea{height:20rem;min-height:15rem}}.site-header{background:#fff;border-bottom:1px solid #e2e8f0}.site-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:90rem;margin:0 auto;padding:1rem clamp(1rem,4vw,3rem);display:flex}.site-header a{color:#334155;text-decoration:none}.site-header a:hover{text-decoration:underline}.site-header .site-name{color:#0f172a;font-size:1.125rem;font-weight:700}.site-header nav a{align-items:center;min-height:2.75rem;display:inline-flex}.site-main{flex:1;min-width:0}.site-footer{color:#475569;text-align:center;border-top:1px solid #e2e8f0;padding:1.5rem;font-size:.875rem;line-height:1.6}.home{max-width:90rem;margin:0 auto;padding:clamp(1rem,4vw,3rem)}.home-intro h1{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,5vw,3rem)}.home-intro p,.tool-card p{color:#475569;line-height:1.6}.home-tools{margin-top:2.5rem}.home-tools h2{font-size:1.25rem}.tool-card{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;max-width:30rem;padding:1.5rem;text-decoration:none;display:block}.tool-card:hover{background:#eff6ff;border-color:#2563eb}.tool-card h3{margin:0;font-size:1.125rem}.tool-card p{margin:.75rem 0 0}