:root{color:#e8edf5;font-synthesis:none;text-rendering:optimizelegibility;background:#111827;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:#062d20;cursor:pointer;background:#42b883;border:0;border-radius:.5rem;padding:.75rem 1rem;font-weight:700}button:disabled,input:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #93c5fd}code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.app{gap:2rem;max-width:44rem;margin:0 auto;padding:4rem 1.5rem;display:grid}.hero{max-width:38rem}.eyebrow{color:#73d7ab;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.75rem;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:-.05em;margin-bottom:1rem;font-size:clamp(2.25rem,7vw,4rem);line-height:1}h2{margin-bottom:0;font-size:1.5rem}.intro{color:#b9c4d5;margin-bottom:0;font-size:1.1rem;line-height:1.65}.tool-card{background:#1f2937;border:1px solid #374151;border-radius:1rem;padding:1.5rem;box-shadow:0 1.5rem 4rem #00000040}.tool-heading,.tool-footer,.form-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.status{color:#d1d5db;white-space:nowrap;background:#374151;border-radius:999px;padding:.4rem .7rem;font-size:.8rem;font-weight:700}.status.ready{color:#bbf7d0;background:#14532d}.tool-form{margin-top:1.75rem}.field-label,.result-label{color:#b9c4d5;margin-bottom:.5rem;font-size:.85rem;font-weight:700;display:block}.name-input{color:inherit;background:#111827;border:1px solid #4b5563;border-radius:.5rem;width:100%;min-width:0;padding:.75rem}.form-row{align-items:stretch}.result{background:#111827;border-radius:.5rem;min-height:6rem;margin-top:1.5rem;padding:1rem}.result-label{margin-bottom:.75rem}.result-text,.empty,.error{margin-bottom:0}.empty{color:#9ca3af}.error{color:#fca5a5}.tool-footer{color:#9ca3af;margin-top:1rem;font-size:.9rem}.clear-button{color:#b9c4d5;background:0 0;padding:.4rem}.counter-value{text-align:center;min-width:3rem;margin:0;font-size:1.5rem;font-weight:700}@media (width<=36rem){.app{padding:2rem 1rem}.tool-card{padding:1rem}.tool-heading,.form-row{flex-direction:column;align-items:stretch}}