:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background:#f2f5ff;color:#12203d}*,*:before,*:after{box-sizing:border-box}body{margin:0}.app-bg{min-height:100vh;padding:32px 20px;background:radial-gradient(circle at top,#d8e7ff,#f2f5ff 45%),linear-gradient(#f2f5ff,#edf2ff)}.app-shell{max-width:1080px;margin:0 auto;display:grid;gap:20px}.hero{background:#fffc;border:1px solid #d7dff8;border-radius:16px;padding:20px;box-shadow:0 14px 40px #0c234614}.hero h1{margin:0;font-size:clamp(1.5rem,1.8vw + 1rem,2.1rem);letter-spacing:-.02em}.hero p{margin:8px 0 0;color:#44557c}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.panel{background:#fff;border:1px solid #d7dff8;border-radius:16px;padding:16px;box-shadow:0 10px 28px #0c23460f}label{display:inline-block;font-weight:700;margin-bottom:10px;color:#12203d}textarea{width:100%;min-height:260px;resize:vertical;border-radius:12px;border:1px solid #c8d4f3;background:#f9fbff;color:#12203d;padding:12px 14px;line-height:1.45;font-family:inherit;font-size:.96rem}textarea:focus{outline:3px solid #c8dbff;border-color:#588bff}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.button-row{display:flex;flex-wrap:wrap;gap:10px}button{border:0;border-radius:10px;padding:10px 14px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#2268ff,#467fff);color:#fff;transition:transform .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#435175}.status{margin:0;color:#42567f;font-weight:600}.output-panel textarea{min-height:300px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.panel-head label{margin:0}.pill{border-radius:999px;border:1px solid #c9d6ff;background:#eef3ff;color:#3050a8;font-weight:700;font-size:.84rem;padding:4px 10px}@media (max-width: 900px){.input-grid{grid-template-columns:1fr}.app-bg{padding:20px 14px}textarea{min-height:220px}}
