:root{--ink:#172020;--paper:#f5f3ee;--line:#d8d6ce;--blue:#277dd1;--muted:#687070}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Microsoft YaHei",sans-serif}main{width:min(780px,calc(100% - 40px));margin:0 auto;padding:34px 0 74px}.back{color:#52605d;text-decoration:none;font-size:14px}.hero{padding:82px 0 52px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:#6a7773;margin:0}.hero h1{font-size:clamp(42px,7vw,70px);line-height:1.04;letter-spacing:-.07em;margin:16px 0 20px}.hero em{font-family:Georgia,"Songti SC",serif;font-weight:500;color:var(--blue)}.hero p{max-width:540px;color:#5c6665;font-size:17px;line-height:1.7;margin:0}.hero code{font-size:.9em}.converter{background:#ffffffa3;border:1px solid var(--line);border-radius:20px;padding:28px}.converter h2{margin:0 0 20px;font-size:25px;letter-spacing:-.04em}.drop-zone{min-height:240px;border:1.5px dashed #9dabb1;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;cursor:pointer;background:#fbfcfc;transition:.18s}.drop-zone.dragging{border-color:#277dd1;background:#eef5fb;transform:scale(1.01);box-shadow:0 0 0 3px #277dd126}.drop-zone:hover{background:#eef6fd;border-color:var(--blue)}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{font-size:38px;color:var(--blue);line-height:1;margin-bottom:15px}.drop-zone strong{font-size:17px}.drop-zone small{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5}.selected-file{margin:16px 0 0;padding:12px 14px;border-radius:10px;background:#eaf3fb;color:#245f92;font-size:14px;word-break:break-all}.mode-picker{border:0;padding:0;margin:0 0 18px}.mode-picker legend{font-weight:700;font-size:15px;margin-bottom:10px}.mode{display:flex;gap:10px;padding:13px;margin:8px 0;border:1px solid var(--line);border-radius:11px;cursor:pointer;background:#fff}.mode.selected{border-color:var(--blue);background:#eef6fd}.mode input{margin-top:3px;accent-color:var(--blue)}.mode strong,.mode small{display:block}.mode small{color:var(--muted);line-height:1.45;margin-top:4px}button{width:100%;border:0;border-radius:12px;background:#176fc3;color:#fff;font:700 16px Arial,"Microsoft YaHei",sans-serif;padding:16px;margin-top:16px;cursor:pointer;transition:.18s}button:hover:not(:disabled){background:#075cae}button:disabled{background:#9aa6ae;cursor:not-allowed}.status{min-height:22px;margin:15px 2px 0;color:#53615e;font-size:14px}.status.error{color:#b43d35}.privacy{text-align:center;color:#7a827f;font-size:13px;margin:25px 0 0}@media(max-width:560px){main{width:calc(100% - 32px);padding-top:24px}.hero{padding:62px 0 40px}.converter{padding:19px}.drop-zone{min-height:220px}.hero p{font-size:16px}}