:root{font-family:system-ui,-apple-system,"Segoe UI","Noto Sans CJK SC",sans-serif;color:#182230;background:#f3f6fa;font-size:16px;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:40px 20px}main{width:100%;max-width:540px}header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.mark{display:grid;place-items:center;width:40px;height:40px;background:#2563eb;color:#fff;border-radius:10px;font-size:21px;font-weight:650}h1{font-size:25px;letter-spacing:.02em;margin:0;font-weight:650}form{padding:28px;background:#fff;border:1px solid #e1e7ef;border-radius:18px;box-shadow:0 12px 35px #18223006}.drop{position:relative;min-height:225px;border:1.5px dashed #b7c5d9;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;padding:24px;text-align:center;background:#fafcff;cursor:pointer;transition:background .15s,border-color .15s}.drop:hover,.drop.over,.drop:focus-within{border-color:#2563eb;background:#eff5ff}.drop svg{color:#2563eb;margin-bottom:5px}.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop strong{font-size:17px;font-weight:600;overflow-wrap:anywhere;max-width:100%}.drop span{font-size:14px;color:#576579}.drop small{font-size:13px;color:#6c7889}.controls{display:flex;align-items:end;gap:16px;margin-top:24px}.format{flex:1;min-width:0}.format label{display:block;font-size:14px;margin-bottom:8px;color:#526074}select,button{font:inherit;height:48px;border-radius:8px}select{width:100%;border:1px solid #cbd5e1;padding:0 12px;background:#fff;color:#182230}button{padding:0 25px;border:0;background:#2563eb;color:#fff;font-weight:600;cursor:pointer}button:hover{background:#1d4ed8}button:disabled{background:#dbe4f1;color:#718096;cursor:default}:focus-visible{outline:3px solid #93b9ff;outline-offset:3px}#result{margin-top:24px;padding-top:18px;border-top:1px solid #e6ebf2}#status{font-size:14px;line-height:1.7;margin:0;overflow-wrap:anywhere}.error #status{color:#b42318}progress{display:block;width:100%;height:6px;margin:14px 0;accent-color:#2563eb}#download{display:inline-flex;margin-top:15px;border-radius:8px;background:#eaf2ff;color:#1d4ed8;padding:12px 18px;text-decoration:none;font-weight:600;font-size:15px}footer{margin-top:22px;color:#687588;font-size:13px;line-height:1.9}footer p{margin:6px 0}[hidden]{display:none!important}@media(max-width:420px){body{padding:28px 16px;align-items:start}form{padding:20px}.controls{gap:12px}button{padding:0 18px}.drop{min-height:215px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}