@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#17202d;font-synthesis:none;background:#eef3f8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}.page-shell{background:radial-gradient(circle at 10% 5%,#fff 0,#f4f7fa 32%,#0000 55%),linear-gradient(135deg,#edf3f8,#dce8f3);min-height:100vh;padding:7vh 24px}.workspace{width:min(100%,680px);margin:auto}.brand-row{align-items:center;gap:16px;display:flex}.mark{color:#fff;letter-spacing:0;white-space:nowrap;background:#1769aa;border-radius:16px;place-items:center;width:64px;height:64px;font:700 17px Space Grotesk;display:grid;box-shadow:0 10px 22px #1769aa33}.mark span{color:#9ed6ff}.eyebrow{color:#66809b;text-transform:uppercase;letter-spacing:.11em;margin:0 0 5px;font-size:11px;font-weight:700}h1{letter-spacing:0;margin:0;font:700 clamp(26px,5vw,38px) Space Grotesk}.lede{color:#536b83;max-width:500px;margin:20px 0 34px 74px;line-height:1.6}.upload-panel,.report,.download-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:1px solid #d4e0eb;border-radius:18px;box-shadow:0 18px 50px #46668112}.upload-panel{padding:20px}.manual-link-row{justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.manual-trigger-link{color:#1769aa;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600;text-decoration:underline}.manual-trigger-link:hover{color:#0f558d}.community-link-row{text-align:center;margin-top:14px}.community-link{color:#1769aa;font-size:14px;font-weight:600;text-decoration:underline}.community-link:hover{color:#0f558d}.error-report-link{color:#b33333;cursor:pointer;background:0 0;border:0;margin-top:14px;padding:0;font-weight:700;text-decoration:underline}.error-report-link:hover{color:#8f2525}.drop-zone{color:#17202d;cursor:pointer;background:#f5f9fc;border:1.5px dashed #9bb8d2;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:190px;transition:all .2s;display:flex}.drop-zone:hover{background:#edf7ff;border-color:#1769aa;transform:translateY(-1px)}.upload-icon{color:#1769aa;background:#dcefff;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:6px;font-size:25px;font-weight:500;display:grid}.drop-title{overflow-wrap:anywhere;font-weight:700}.drop-hint,small{color:#71869a;font-size:13px}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.option-row{cursor:pointer;align-items:center;gap:12px;margin:20px 2px;display:flex}.option-row input{opacity:0;position:absolute}.toggle{background:#b7c6d4;border-radius:99px;flex:none;width:38px;height:22px;transition:all .2s;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.option-row input:checked+.toggle{background:#1769aa}.option-row input:checked+.toggle:after{transform:translate(16px)}.option-row strong,.option-row small,.download-panel strong,.download-panel small{display:block}.option-row small{margin-top:2px}.convert-button,.download-button{color:#fff;cursor:pointer;background:#1769aa;border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:13px 18px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.convert-button{width:100%}.convert-button:hover:not(:disabled),.download-button:hover{background:#0f558d;transform:translateY(-1px)}.convert-button:disabled{opacity:.45;cursor:not-allowed}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.report{margin-top:18px;padding:17px 20px}.report-heading{font-weight:700}.status-dot{background:#28a36a;border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block}.has-errors .status-dot{background:#cf4d4d}.message{color:#52667b;overflow-wrap:anywhere;border-left:3px solid #d4e0eb;margin:10px 0 0;padding:9px 11px;font-size:13px;line-height:1.45}.message.error{color:#9b3636;border-color:#cf4d4d}.message.warning{border-color:#d9a333}.download-panel{justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:20px;display:flex}.download-button{flex:none}.about-section{border-top:1px solid #d4e0eb;margin-top:32px;padding-top:28px}.about-section h2{color:#17202d;margin:0 0 16px;font:700 20px Space Grotesk}.features-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.feature-card{background:#ffffffa6;border:1px solid #d4e0eb;border-radius:14px;padding:16px}.feature-card h3{color:#1769aa;margin:0 0 6px;font-size:14px;font-weight:700}.feature-card p{color:#536b83;margin:0;font-size:13px;line-height:1.5}.feature-card code{background:#e8f1f7;border-radius:4px;padding:2px 4px;font-family:inherit;font-size:12px}footer{text-align:center;color:#71869a;flex-direction:column;gap:6px;margin-top:24px;font-size:12px;display:flex}.trademark-notice{color:#889bb0;font-size:11px}.footer-sep{color:#a4b6c7;margin:0 8px}.footer-link{color:#1769aa;font-size:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.footer-link:hover{color:#0f558d}.privacy-dialog,.manual-dialog{width:min(100%,640px)}.privacy-content,.manual-content{color:#485c70;margin-top:16px;font-size:14px;line-height:1.6}.privacy-content h3,.manual-content h3{color:#17202d;margin:18px 0 6px;font-size:15px;font-weight:700}.privacy-content h3:first-child,.manual-content h3:first-child{margin-top:0}.privacy-content p,.manual-content p{margin:0 0 12px}.report-field{color:#344b60;margin-top:16px;font-size:13px;font-weight:700;display:block}.report-field>span{align-items:baseline;gap:6px;margin-bottom:7px;display:flex}.report-field strong{color:#b33333}.report-field small{font-weight:400}.report-field textarea{resize:vertical;color:#17202d;background:#fbfdff;border:1px solid #c3d3e0;border-radius:9px;width:100%;min-height:120px;padding:11px 12px;line-height:1.45}.report-field input[type=file]{color:#536b83;background:#f5f9fc;border:1px dashed #9bb8d2;border-radius:9px;width:100%;padding:10px;font-size:13px}.report-field textarea:focus,.report-field input[type=file]:focus{outline-offset:2px;outline:2px solid #1769aa55}.report-context{color:#71869a;margin:14px 0 0;font-size:12px}.report-submit-button,.report-close-button{width:auto}.manual-content ul,.manual-content ol{margin:0 0 12px;padding-left:20px}.manual-content li{margin-bottom:6px}.manual-content code{color:#1769aa;background:#e8f1f7;border-radius:4px;padding:2px 4px;font-family:inherit;font-size:13px}.modal-backdrop{z-index:5;background:#14263866;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.match-dialog{background:#fff;border:1px solid #d4e0eb;border-radius:18px;width:min(100%,700px);max-height:min(720px,90vh);padding:24px;overflow:auto;box-shadow:0 24px 80px #18344d33}.dialog-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dialog-header h2{margin:0;font:700 25px Space Grotesk}.close-button{color:#536b83;cursor:pointer;background:#edf3f8;border:0;border-radius:50%;width:32px;height:32px;font-size:23px;line-height:1}.dialog-copy{color:#61778d;margin:14px 0 20px;line-height:1.5}.match-table{border:1px solid #d8e3ec;border-radius:10px;overflow:hidden}.match-row{border-top:1px solid #e7eef4;grid-template-columns:minmax(180px,.9fr) minmax(180px,1.1fr);align-items:center;gap:18px;padding:13px 15px;display:grid}.match-row:first-child{border-top:0}.match-head{color:#6c8297;background:#f4f8fb;font-size:12px;font-weight:700}.match-row label{cursor:pointer;align-items:center;gap:10px;display:flex}.match-row input{accent-color:#1769aa;width:16px;height:16px}.match-row strong,.match-row small,.candidate,.candidate small{display:block}.match-row small,.candidate small{color:#7b8fa1;overflow-wrap:anywhere;margin-top:3px;font-size:12px}.candidate{color:#1769aa;font-weight:700}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.secondary-button{color:#456077;cursor:pointer;background:#fff;border:1px solid #c3d3e0;border-radius:10px;padding:12px 16px;font-weight:700}.secondary-button:hover{background:#f3f7fa}@media (width<=560px){.page-shell{padding:32px 15px}.lede{margin-left:0}.download-panel{flex-direction:column;align-items:flex-start}.download-button{width:100%}}
