:root{font-family:Inter,Segoe UI,sans-serif;color:#172033;background:#f4f6f8;line-height:1.5}*{box-sizing:border-box}body{margin:0}header{height:64px;padding:0 max(24px,calc((100% - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce2e8}a{color:#075985}.brand{font-weight:800;text-decoration:none;color:#172033;font-size:1.2rem}main{max-width:1200px;margin:42px auto;padding:0 24px;min-height:calc(100vh - 170px)}footer{text-align:center;color:#5c677d;padding:24px}.hero{max-width:760px;margin:0 auto 30px;text-align:center}h1{font-size:clamp(2rem,4vw,3.25rem);line-height:1.08;margin:.5em 0}h2{grid-column:1/-1;border-bottom:1px solid #dce2e8;padding-top:16px}.card{background:#fff;border:1px solid #dce2e8;border-radius:16px;padding:24px;box-shadow:0 8px 30px #1720330d}.upload{max-width:620px;margin:auto;display:grid;gap:20px}label{display:grid;gap:7px;font-weight:650}input,select,textarea{width:100%;padding:11px;border:1px solid #aab4c3;border-radius:8px;background:#fff;font:inherit}textarea{min-height:90px}button,.button{border:0;border-radius:9px;background:#075985;color:#fff;padding:12px 18px;font-weight:750;font:inherit;cursor:pointer;text-decoration:none;text-align:center}.secondary{background:#e4eef5;color:#075985}.danger{background:#9f1239}.dropzone{padding:28px;border:2px dashed #94a3b8;border-radius:12px;text-align:center}.steps{display:flex;justify-content:center;gap:30px;margin:32px 0;color:#5c677d}.status{display:inline-block;border-radius:100px;padding:5px 12px;font-size:.85rem;font-weight:800}.draft{background:#fff0c2;color:#714e00}.success{background:#dcfce7;color:#166534}.alert{padding:14px 18px;border-radius:10px;margin:14px 0}.error{background:#ffe4e6;color:#9f1239}.warning{background:#fff7d6;color:#6b4b00}.notice{color:#5c677d}.emitter{background:#e0f2fe;color:#0c4a6e;border:1px solid #7dd3fc}.workspace{display:grid;grid-template-columns:minmax(320px,1fr) minmax(520px,1.2fr);gap:24px;align-items:start}.preview{position:sticky;top:20px;height:80vh}.preview iframe{width:100%;height:100%;border:1px solid #ccd4df;border-radius:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.wide,.lines{grid-column:1/-1}.line{display:grid;grid-template-columns:2fr repeat(5,1fr) auto;gap:8px;padding:12px 0;border-bottom:1px solid #edf0f3}.line label{font-size:.8rem}.remove{background:#f1f5f9;color:#9f1239;align-self:end}.confirm{display:flex;grid-template-columns:auto 1fr;align-items:center}.confirm input{width:auto}.totals{background:#f1f5f9;padding:14px;border-radius:8px;font-weight:750}.abandon{text-align:right;margin-top:20px}.result{display:grid;gap:18px;max-width:650px}.json{min-height:600px;font-family:Consolas,monospace;font-size:.85rem}@media(max-width:900px){.workspace{grid-template-columns:1fr}.preview{position:static;height:55vh}.line{grid-template-columns:1fr 1fr}.steps{display:grid}.form-grid{grid-template-columns:1fr}.wide,.lines,h2{grid-column:1}}