:root{font-family:Arial,Helvetica,sans-serif;color:#10203d;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1120px;margin:auto;padding:0 32px}header{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e0e6ef}a{color:#165be8;text-underline-offset:3px}.brand{font-weight:750;font-size:23px;color:#10203d;text-decoration:none}h1{font-size:44px;letter-spacing:-1.5px;margin:32px 0 24px}h2{font-size:27px;letter-spacing:-.6px;margin:0 0 16px}h3{font-size:19px;margin-top:28px}p{line-height:1.65;color:#52617a}button,.button{border:0;border-radius:6px;background:#2166ee;color:white;min-height:46px;padding:12px 22px;font:600 16px Arial;cursor:pointer;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled),.button:hover{background:#164fca}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #e99a25;outline-offset:4px}.upload{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;min-height:120px;border:2px dashed #bfcee6;border-radius:6px;background:#f8faff;cursor:pointer;text-align:center;padding:20px}.upload strong{font-size:21px;overflow-wrap:anywhere}.upload span{color:#65748f}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.upload:focus-within{outline:3px solid #e99a25}#convert{width:100%;margin-top:14px}.privacy{text-align:center;font-size:14px;margin:10px}#status{font-size:14px;min-height:24px;margin:8px 0}#status.error{color:#b42318}progress{width:100%;accent-color:#2166ee}.result{border:1px solid #cfd9e8;background:#f8faff;border-radius:6px;margin:24px 0 38px;padding:20px}.result h2{font-size:18px;border-bottom:1px solid #dce3ed;padding-bottom:14px}#summary{margin:24px 0;text-align:center}.secondary{background:#e7eefc;color:#193c79;margin:4px}.secondary:hover:not(:disabled){background:#d5e1f7}canvas{width:100%;height:170px;margin:20px 0;background:white;border:1px solid #dfe5ef}.original{display:block;font-size:14px}audio{display:block;width:100%;margin:8px 0}small{color:#65748f}section{margin-bottom:34px}.table-wrap{overflow-x:auto;border:1px solid #d6deea;border-radius:6px}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #e2e7ee;font-variant-numeric:tabular-nums}th{background:#f4f6fa;color:#52617a}tr:last-child td{border-bottom:0}.caution{font-size:14px}.caution strong{color:#1b2c48}details{border-top:1px solid #dce3ed;border-bottom:1px solid #dce3ed;padding:18px 0}summary{cursor:pointer;font-weight:600}details p{font-size:14px}code{overflow-wrap:anywhere}.prose{max-width:780px;padding-top:16px}footer{border-top:1px solid #dce3ed;padding-top:24px;padding-bottom:32px;font-size:13px;line-height:1.8;color:#65748f}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding-left:20px;padding-right:20px}header{height:66px}.brand{font-size:19px}h1{font-size:36px;margin-top:26px}h2{font-size:25px}.upload strong{font-size:19px}.result{padding:16px}th,td{padding:12px 10px;min-width:100px}#actions button,#download{width:100%;margin:5px 0;text-align:center}}@media(prefers-reduced-motion:no-preference){button,a{transition:background-color .12s}}
