:root{--navy:#16324f;--blue:#2563eb;--green:#15803d;--muted:#64748b;--line:#dce5ef;--bg:#f5f8fc;--red:#dc2626}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#172033;font:15px/1.5 Inter,Segoe UI,Arial,sans-serif}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1240px)/2))}.brand{display:flex;gap:12px;align-items:center}.brand strong,.brand small{display:block}.brand strong{font-size:18px;color:var(--navy)}.brand small{font-size:12px;color:var(--muted)}.logo{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--green);color:#fff;font-size:24px;font-weight:800}.ghost,.again{color:var(--navy);text-decoration:none;font-weight:600}main{max-width:1240px;margin:auto;padding:32px 24px 60px}.steps{display:flex;align-items:center;justify-content:center;margin-bottom:38px;color:#94a3b8}.steps span{display:flex;align-items:center;gap:8px}.steps span:first-letter{border-radius:50%}.steps span.on{color:var(--blue)}.steps i{width:90px;height:2px;background:#dbe3ed;margin:0 14px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:54px;align-items:center;min-height:540px}.eyebrow{color:var(--blue);letter-spacing:.15em;font-weight:800;font-size:12px}.hero h1,.result h1{font-size:44px;line-height:1.14;color:var(--navy);margin:14px 0}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{max-width:700px;color:var(--muted);font-size:17px}.upload{display:flex;gap:14px;margin-top:32px}.upload label{flex:1;background:#fff;border:2px dashed #abc2dc;border-radius:14px;padding:23px;display:grid;grid-template-columns:46px 1fr;cursor:pointer}.upload label input{display:none}.upload label .upload-icon{grid-row:1/3;width:42px;height:42px;border-radius:9px;background:#e7f0ff;color:var(--blue);display:grid;place-items:center;font-size:24px}.upload label small{color:var(--muted)}button,.download{border:0;border-radius:10px;background:var(--blue);color:#fff;padding:0 25px;font-weight:700;cursor:pointer;text-decoration:none}.hero aside{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 20px 50px #16324f12}.mini-head{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}.mini-head span,.badge{background:#e9f8ee;color:var(--green);padding:4px 10px;border-radius:99px;font-size:12px;font-weight:700}.hero ol{list-style:none;margin:15px 0 0;padding:0}.hero li{display:flex;gap:16px;padding:16px 0}.hero li b{color:var(--blue)}.hero li strong,.hero li small{display:block}.hero li small{color:var(--muted)}.alert{padding:14px 18px;border-radius:10px;margin-bottom:22px}.error{background:#fee2e2;color:#991b1b}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title h2{font-size:30px;color:var(--navy);margin:5px 0}.section-title p{color:var(--muted)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;margin:20px 0 30px}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{padding:10px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left}th{background:#edf4fb;color:var(--navy);font-size:13px}.mapping-head,.map-row{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:14px;align-items:center}.mapping-head{padding:10px 14px;color:var(--muted);font-size:12px;text-transform:uppercase}.map-row{background:#fff;border:1px solid var(--line);border-bottom:0;padding:11px 14px}.map-row:first-of-type{border-radius:12px 12px 0 0}.map-row label{display:flex;align-items:center;gap:12px}.map-row label span{display:grid;place-items:center;background:#e9f0f8;color:var(--navy);width:30px;height:30px;border-radius:7px;font-weight:800}.map-row sup{color:var(--red);margin-left:4px}.map-row select,.map-row input,.preset input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:7px;background:#fff}.map-row.disabled{opacity:.6}.actions{display:flex;justify-content:space-between;align-items:end;margin-top:25px}.preset{width:370px;color:var(--muted);font-size:13px}.preset input{display:block;margin-top:5px}.primary{padding:14px 24px}.result{text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:70px 30px;max-width:760px;margin:40px auto}.success{margin:0 auto 20px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:var(--green);font-size:38px}.result p{color:var(--muted);font-size:17px;margin-bottom:35px}.download{display:inline-block;padding:15px 24px}.again{display:block;margin-top:22px}footer{text-align:center;padding:25px;color:#94a3b8;font-size:12px;border-top:1px solid var(--line)}@media(max-width:800px){.hero{grid-template-columns:1fr}.upload{flex-direction:column}.upload button{padding:16px}.mapping-head{display:none}.map-row{grid-template-columns:1fr}.steps b{display:none}.hero h1{font-size:34px}.actions{align-items:stretch;flex-direction:column;gap:15px}.preset{width:100%}}
.file-stack{flex:1;display:grid;gap:9px}.upload .file-stack label{flex:none}.upload label.template{padding:12px 18px;border-width:1px}