body{font-family:Inter,sans-serif}.converter-page{padding-top:128px;color:#27223e;background:radial-gradient(ellipse at 15% 5%,#e6ddff 0,transparent 42%),radial-gradient(ellipse at 88% 20%,#ffe5f3 0,transparent 40%),linear-gradient(160deg,#fafaff,#f6f8ff 60%,#f7f0ff)}.converter-shell{max-width:960px;margin:auto;padding:0 22px}.converter-hero{text-align:center;padding:84px 0 55px}.converter-kicker{display:inline-flex;align-items:center;gap:8px;background:#ffffffb8;border:1px solid #ffffff;padding:10px 18px;border-radius:40px;font-size:13px;font-weight:700;color:#7560c6;box-shadow:0 8px 30px #6d50b315}.converter-spark{font-size:20px}.converter-hero h1{font-size:clamp(44px,7vw,78px);font-weight:800;letter-spacing:-.07em;line-height:1.08;margin:24px 0 18px}.converter-hero h1 span{background:linear-gradient(110deg,#6457e9,#b65cc8,#e487ba);-webkit-background-clip:text;background-clip:text;color:transparent}.converter-hero p{max-width:620px;margin:0 auto;color:#726e86;font-size:17px;line-height:1.8}.converter-flags{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:28px;color:#776d96;font-size:12px;font-weight:600}.converter-workspace{padding-bottom:90px}.converter-card{padding:36px;margin-bottom:20px;background:#ffffffc9;backdrop-filter:blur(24px);border:1px solid #fff;border-radius:28px;box-shadow:0 18px 65px #7e6fa518}.converter-step{display:flex;align-items:flex-start;gap:16px;margin-bottom:26px}.converter-step>span{width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:14px;background:#eeeaff;color:#7461d9;font-weight:800}.converter-step h2{font-size:23px;font-weight:750;letter-spacing:-.04em}.converter-step p{font-size:13px;color:#878097;margin-top:5px}.converter-drop{border:2px dashed #d9cef6;border-radius:22px;background:linear-gradient(135deg,#faf8ff,#f8faff);padding:44px 18px;text-align:center;cursor:pointer;transition:.2s}.converter-drop:hover,.converter-drop.dragging,.converter-drop:focus{border-color:#8270ea;background:#f4f0ff;outline:none}.converter-upload-icon{width:62px;height:62px;display:grid;place-items:center;background:linear-gradient(135deg,#8e7cf0,#b976d3);color:white;border-radius:19px;font-size:38px;margin:0 auto 15px;box-shadow:0 10px 22px #8067c24a}.converter-drop strong{font-size:17px}.converter-drop p{color:#8a839e;margin-top:8px}.converter-drop p span{color:#6955d7;font-weight:700}.converter-drop small{display:block;margin-top:13px;color:#a49fb1}.converter-file-info{margin-top:16px;padding:13px 16px;background:#f1edff;border-radius:12px;color:#6655b9;font-size:13px;font-weight:600}#sheetWrap{margin-top:18px}#sheetWrap label{display:block;font-size:13px;margin-bottom:8px;font-weight:700}select{width:100%;border:1px solid #ded9ec;background:white;border-radius:12px;padding:12px;color:#3b3651}.converter-mapping{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.converter-field label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.converter-row{margin-top:22px}.converter-check{font-size:13px;color:#716a85;display:flex;align-items:center;gap:10px}.converter-table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#8a819e;font-weight:700}td,th{padding:14px;border-bottom:1px solid #edeaf4}td{color:#4d465f}.converter-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px}#count{font-size:13px;color:#827a98}.converter-button{background:linear-gradient(120deg,#695be3,#a25cce);color:#fff;padding:15px 25px;border:0;border-radius:30px;font-weight:700;box-shadow:0 12px 24px #705de044;cursor:pointer;transition:transform .2s}.converter-button:hover{transform:translateY(-3px)}.converter-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0 65px}.converter-mini{padding:25px;border:1px solid #ffffff;background:#ffffff80;border-radius:22px}.converter-mini>span{font-size:26px;color:#9271dd}.converter-mini h3{font-size:16px;font-weight:750;margin:8px 0}.converter-mini p{font-size:12px;line-height:1.7;color:#857e96}.converter-help{max-width:760px;margin:auto;text-align:center}.converter-help h2{font-size:28px;font-weight:800;margin-bottom:14px}.converter-help p{color:#827a95;font-size:14px;line-height:1.9;margin-bottom:15px}.converter-help a{color:#6956da;font-weight:700}#message{font-size:13px;color:#ae3f64;margin-top:12px}#message:empty{display:none}@media(max-width:700px){.converter-page{padding-top:125px}.converter-hero{padding:48px 0 36px}.converter-hero p{font-size:14px}.converter-card{padding:22px;border-radius:22px}.converter-mapping{grid-template-columns:1fr}.converter-bottom{grid-template-columns:1fr}.converter-actions{align-items:stretch;flex-direction:column}.converter-button{width:100%}}
/* Compact above-the-fold layout: keep upload control immediately visible. */
@media(min-width:701px){
.converter-page{padding-top:88px}
.converter-hero{padding:28px 0 23px}
.converter-hero h1{font-size:clamp(42px,5.2vw,62px);margin:13px 0 9px}
.converter-hero p{font-size:14px;line-height:1.55}
.converter-kicker{padding:7px 15px;font-size:12px}
.converter-flags{margin-top:14px;gap:16px}
.converter-card{padding:24px 30px}
.converter-step{margin-bottom:16px}
.converter-drop{padding:21px 16px}
.converter-upload-icon{width:48px;height:48px;font-size:29px;margin-bottom:9px}
.converter-drop small{margin-top:7px}
}
@media(max-width:700px){
.converter-page{padding-top:108px}
.converter-hero{padding:24px 0 20px}
.converter-hero h1{font-size:clamp(35px,9vw,48px);margin:14px 0 10px}
.converter-kicker{padding:7px 12px;font-size:11px}
.converter-flags{gap:8px 13px;margin-top:15px;font-size:10px}
.converter-card{padding:19px}
.converter-step{margin-bottom:14px}
.converter-step h2{font-size:19px}
.converter-drop{padding:24px 12px}
.converter-upload-icon{width:49px;height:49px;margin-bottom:10px;font-size:30px}
}