.top{padding:10px 32px}.top .brand img{width:88px;height:88px}.brand{font-size:24px}.brand small{font-size:9px}.hero{padding-top:30px}.hero-title img{width:145px}.hero h1{font-size:clamp(30px,3.5vw,48px)}.before,.after{font-size:17px;line-height:1.6;margin:20px 0;padding:15px;border-radius:8px}.before{background:#eef2f5;color:#617984}.after{background:#e3f6ee;color:#166f64;font-weight:650}.arrow{color:#2a9d8f;font-size:24px}.import,.options,.finish{padding:26px;margin:24px 0}.import{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.import>div{flex:1;min-width:220px}.import p,.options p,.finish p{font-size:13px;color:#536b79;line-height:1.7}.file-label{display:grid;gap:10px;padding:16px;background:#eff9f6;border:1px dashed #8dc6bb;border-radius:10px;font-size:13px;max-width:100%;overflow:hidden}.file-label input{max-width:100%}.limits{flex-basis:100%;margin-bottom:0}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.option-grid label{display:flex;align-items:flex-start;gap:10px;padding:12px 0;min-width:0}.option-grid input{margin-top:4px;flex-shrink:0}.option-grid strong{font-size:14px;display:block}.option-grid small{display:block;color:#627985;line-height:1.6;margin-top:5px;font-size:12px}.case-label{flex-direction:column}.case-label select{padding:10px;border:1px solid #bdced6;border-radius:7px;background:white;color:#17324d;max-width:100%;min-height:44px}.caution{border-top:1px solid #e3eaee;padding-top:17px}.editors{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor{min-width:0;overflow:hidden}.editor-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:20px}.editor-head h2{font-size:21px;margin:0}.editor-head span{font-size:11px;color:#627985}.editor textarea{display:block;width:100%;height:430px;resize:vertical;border:0;border-top:1px solid #dce7ec;border-bottom:1px solid #dce7ec;padding:20px;line-height:1.8;font:14px/1.8 system-ui;color:#17324d;background:#fff}.editor textarea[readonly]{background:#f4fbf8}.editor .stats{display:block;font-size:12px;color:#627985;padding:14px 20px;margin:0}.finish{display:flex;justify-content:space-between;align-items:center;gap:24px}.finish .export-actions{flex-shrink:0}.section-title{gap:15px;align-items:center}#status,#import-warning{font-size:13px;line-height:1.7;overflow-wrap:anywhere}#import-warning{border-left:3px solid #2a9d8f;padding:12px;background:#edf7f3}textarea:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2a9d8f;outline-offset:2px}@media(max-width:900px){.finish{flex-direction:column;align-items:flex-start}.hero-title img{width:110px}}@media(max-width:650px){.top{padding:8px 16px}.top .brand img{width:50px;height:50px}.brand{font-size:18px}.brand small{font-size:7px}.hero-title img{width:95px}.hero h1{font-size:32px}.hero{padding-top:22px}.option-grid,.editors{grid-template-columns:1fr}.import,.options,.finish{padding:18px}.editor textarea{height:300px}.section-title{flex-direction:column;align-items:flex-start}.editor-head{padding:16px}.editor-head h2{font-size:19px}.finish .export-actions{flex-wrap:wrap}}
