:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-shell{box-sizing:border-box;width:min(1040px,100%);margin:0 auto;padding:32px 16px}.app-header h1{margin:0;font-size:2rem}.app-header p{color:#4b5563;margin-top:8px}.panel{background:#fff;border:1px solid #d1d5db;border-radius:12px;margin-top:16px;padding:16px}.section-title{margin-bottom:8px;font-weight:600;display:block}textarea{box-sizing:border-box;resize:vertical;color:#0f172a;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:260px;padding:10px 12px;font-family:Consolas,Courier New,monospace;font-size:.92rem;line-height:1.5}.controls{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}button{color:#fff;cursor:pointer;background:#2563eb;border:1px solid #2563eb;border-radius:6px;padding:8px 12px;font-size:.9rem}button:hover{background:#1d4ed8;border-color:#1d4ed8}button:focus-visible{outline-offset:2px;outline:2px solid #93c5fd}.feedback{margin-top:10px;font-size:.92rem}.feedback.success{color:#047857}.feedback.error{color:#b91c1c}.output-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.output-header h2{margin:0;font-size:1.1rem}.output-header span{color:#6b7280;font-size:.88rem}@media (width<=640px){.app-shell{padding:16px 12px}textarea{min-height:200px}}