:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#172033;background:#eef3fb}*{box-sizing:border-box}body{margin:0}.shell{width:min(1180px,94vw);margin:32px auto 60px}.card{background:rgba(255,255,255,.94);border:1px solid #dce5f5;border-radius:26px;box-shadow:0 18px 50px rgba(31,57,96,.12)}.hero{padding:30px 34px;margin-bottom:24px;background:linear-gradient(135deg,#fff 0%,#eef7ff 54%,#e8ecff 100%)}.eyebrow{margin:0 0 8px;color:#4e6bff;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:12px}h1{font-size:clamp(28px,5vw,44px);line-height:1.05;margin:0 0 12px;color:#111827}h2{margin:0;color:#111827}.desc{font-size:17px;color:#536176;margin:0;max-width:760px}.grid{display:grid;gap:24px}.two-col{grid-template-columns:.9fr 1.1fr}.panel{padding:24px}label{display:grid;gap:8px;margin:14px 0;font-weight:750;color:#25324a}small{font-weight:500;color:#728097}input,textarea{width:100%;border:1px solid #cfd9eb;border-radius:15px;padding:13px 14px;background:#f9fbff;font:inherit;color:#172033}textarea{resize:vertical}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}button{border:0;border-radius:16px;padding:14px 18px;font-weight:850;background:#425cff;color:white;cursor:pointer;box-shadow:0 12px 24px rgba(66,92,255,.22)}button.secondary{background:#172033}.preview{width:100%;max-height:280px;object-fit:contain;border-radius:18px;background:#f2f6fc;border:1px dashed #cfd9eb}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.status{display:inline-flex;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#edf3ff;color:#3151da;font-weight:800}.status.error{background:#fff0f0;color:#c02626}.status.ok{background:#eafaf0;color:#14783d}pre{white-space:pre-wrap;word-break:break-word;background:#101828;color:#d9e7ff;padding:20px;border-radius:18px;min-height:620px;max-height:78vh;overflow:auto;margin:0}.output-panel{min-width:0}@media(max-width:900px){.two-col{grid-template-columns:1fr}pre{min-height:360px}.panel-head{align-items:flex-start;flex-direction:column}}