html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f6fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#e3edff 0,#0000 36%),#f3f6fb;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.page-shell{width:100%;min-height:100vh;padding:48px 24px}.converter-card{background:#fffffff0;border:1px solid #cdd8ebe6;border-radius:24px;width:min(1180px,100%);margin:0 auto;padding:36px;box-shadow:0 20px 60px #23375a1f}.page-header h1{letter-spacing:-.04em;margin:4px 0 10px;font-size:clamp(32px,5vw,48px)}.eyebrow{color:#3164d8;letter-spacing:.16em;margin:0;font-size:13px;font-weight:800}.subtitle{color:#63708a;max-width:720px;margin:0;font-size:16px;line-height:1.7}.upload-section{margin-top:32px}.upload-box{text-align:center;cursor:pointer;background:#f8faff;border:2px dashed #9eb6e8;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:180px;padding:32px;transition:border-color .16s,background .16s,transform .16s;display:flex}.upload-box:hover{background:#f1f6ff;border-color:#3164d8;transform:translateY(-1px)}.upload-box input{display:none}.upload-title{font-size:19px;font-weight:750}.upload-description{color:#6d7890;overflow-wrap:anywhere;max-width:600px;margin-top:8px}.status-message,.error-message{border-radius:12px;margin-top:18px;padding:14px 16px}.status-message{color:#234580;background:#edf4ff}.error-message{color:#a02a2a;background:#fff0f0;border:1px solid #f4c3c3}.summary-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px;display:grid}.summary-card{background:#fbfcff;border:1px solid #dfe6f2;border-radius:16px;padding:20px}.summary-card span{color:#727e95;font-size:14px;display:block}.summary-card strong{margin-top:4px;font-size:30px;display:block}.preview-section,.warning-section{margin-top:32px}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.section-heading h2,.warning-section h2{margin:0;font-size:22px}.section-heading p{color:#748096;margin:6px 0 0}.download-button{color:#fff;cursor:pointer;background:#3164d8;border:0;border-radius:12px;flex:none;padding:12px 18px;font-weight:700;box-shadow:0 8px 20px #3164d838}.download-button:hover{background:#2757c2}.table-wrapper{border:1px solid #dfe6f2;border-radius:14px;margin-top:16px;overflow:auto}table{border-collapse:collapse;background:#fff;width:100%;min-width:900px}th,td{text-align:left;border-bottom:1px solid #e7ecf4;padding:13px 14px}th{color:#58667e;background:#f7f9fd;font-size:13px}td{font-size:14px}.warning-section{background:#fffaf0;border:1px solid #f1d89c;border-radius:16px;padding:20px}.warning-section ul{margin:14px 0 0;padding-left:22px}.warning-section li{color:#725a1d;margin:7px 0}@media (width<=760px){.page-shell{padding:20px 12px}.converter-card{border-radius:18px;padding:22px 16px}.summary-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:stretch}.download-button{width:100%}}