@import url('');
:root{--ink:#24211e;--muted:#777169;--line:#e8e2d9;--orange:#df6a26;--light:#f9f5ef;--cream:#f2e9de}*{box-sizing:border-box}body{margin:0;background:#faf8f4;color:var(--ink);font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);background:#fff} .brand{display:flex;align-items:center;gap:11px}.mark{display:grid;place-items:center;width:38px;height:38px;background:var(--orange);color:white;font:bold 23px Georgia;border-radius:9px}.brand b{font-size:15px;display:block}.brand small{font-size:9px;letter-spacing:.14em;color:#9a9187;display:block}.privacy{font-size:12px;color:#817b73}.privacy i{display:inline-block;width:7px;height:7px;background:#77a988;border-radius:50%;margin-right:7px}main{max-width:1280px;margin:auto;padding:0 32px 80px}.intro{padding:66px 0 46px;position:relative}.eyebrow,.overline{font-size:10px;letter-spacing:.15em;font-weight:800;color:var(--orange)}.eyebrow span{float:right;color:#b8aea3}.intro h1{font-size:clamp(36px,4.2vw,58px);line-height:1.16;letter-spacing:-.055em;margin:23px 0 19px}.intro h1 em{font-style:normal;color:var(--orange)}.intro p{color:#777069;line-height:1.8;font-size:15px}.steps{display:flex;gap:28px;margin-top:28px;color:#6b625b;font-size:12px}.steps b{color:#d97a43;margin-right:7px}.workspace,.result{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 14px 40px rgba(73,54,35,.045)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.section-head h2{font-size:23px;letter-spacing:-.04em;margin:8px 0 0}.section-head p,.subhead p{color:var(--muted);font-size:13px;margin:7px 0}.status{font-size:11px;color:#8c8278;border:1px solid #e9e2da;border-radius:30px;padding:7px 12px}.status.ready{color:#47825e;background:#f0f8f1;border:0}.drop{min-height:186px;border:1.5px dashed #d8c9b9;border-radius:12px;background:#fdfbf8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.2s}.drop:hover,.drop.drag{background:#fff6ee;border-color:var(--orange)}.drop strong{font-size:14px}.drop u{color:var(--orange);text-underline-offset:3px}.drop small{color:#a49a90;font-size:12px}.upload-icon{width:40px;height:40px;display:grid;place-items:center;border:1px solid #e9d7c7;border-radius:11px;color:var(--orange);font-size:24px;background:white}.file-row{display:flex;justify-content:space-between;align-items:center}.file-row>div{display:flex;align-items:center;gap:12px}.file-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.file-icon{display:grid;place-items:center;width:40px;height:40px;background:#eaf4ec;color:#378153;border-radius:9px;font-weight:bold}.quiet{border:0;background:none;color:#8b827b;cursor:pointer;text-decoration:underline}.divider{height:1px;background:var(--line);margin:24px 0}.subhead h3,.panel h3{font-size:18px;margin:7px 0}.mapping{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:22px 0}.mapping label,.controls label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px}.mapping label span{color:var(--orange)}.mapping label small{color:#a39b93;font-weight:400}.mapping label span,.mapping label small{display:inline}.mapping label{display:block}.mapping select{margin-top:8px}.controls{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;align-items:end}select,input[type=text]{height:42px;border:1px solid #e5ded5;border-radius:8px;background:#fff;color:#35302b;padding:0 11px;width:100%;font:inherit;outline:none}select:focus,input:focus{border-color:var(--orange)}button{font:inherit}.primary{height:42px;padding:0 21px;border:0;border-radius:8px;color:#fff;background:var(--orange);font-weight:700;cursor:pointer}.primary span{margin-left:28px}.message,.warnings>div{background:#fff7eb;color:#835a25;border:1px solid #f3dfbd;border-radius:8px;padding:12px 15px;font-size:12px;line-height:1.6;margin-top:16px}.result{margin-top:24px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#faf7f2;border-radius:10px;padding:18px}.metric small{color:#8d8379;font-size:11px}.metric strong{display:block;font-size:23px;letter-spacing:-.04em;margin-top:8px}.metric:first-child strong{color:var(--orange)}.result-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;margin-top:22px}.panel{border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top>span{font-size:11px;color:#999}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;margin-top:18px}th{text-align:right;color:#9b9288;font-weight:500;border-bottom:1px solid var(--line);padding:11px 6px;white-space:nowrap}td{padding:12px 6px;border-bottom:1px solid #f3efea;text-align:right;white-space:nowrap}th:first-child,td:first-child{text-align:left}.summary p{font-size:12px;color:var(--muted);line-height:1.7}.download{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:1px solid #ece5dd;border-radius:9px;background:white;padding:13px;margin-top:9px;cursor:pointer}.download:hover{border-color:var(--orange);background:#fffaf5}.download b,.download small{display:block}.download b{font-size:12px}.download small{font-size:10px;color:#a09991;margin-top:4px}.download strong{color:var(--orange);font-size:20px}.note{font-size:11px;color:#aaa198;margin-top:18px}footer{border-top:1px solid var(--line);padding:24px max(5vw,28px);color:#8f877d;font-size:12px;font-weight:bold}footer span{font-weight:normal;color:#b2aaa1;margin-left:15px}@media(max-width:720px){main{padding:0 16px 45px}.privacy{display:none}.intro{padding:44px 0 30px}.workspace,.result{padding:20px}.mapping{grid-template-columns:repeat(2,1fr)}.controls{grid-template-columns:1fr 1fr}.primary{grid-column:1/-1}.metrics{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:1fr}.steps{gap:14px}.drop strong{text-align:center;padding:0 10px}.intro h1{font-size:40px}}[hidden]{display:none!important}