:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--surface:#fff;--surface-soft:#f7fbff;--line:#dfe7ef;--line-strong:#cbd8e4;--text:#101828;--muted:#596579;--blue:#0f6ff6;--blue-strong:#065fe4;--blue-soft:#eaf3ff;--green:#10a83f;--green-strong:#078b32;--green-soft:#edfff2;--amber:#d97706;--ink:#172033;--danger:#e52828;--shadow:0 20px 60px #10182814;--radius:8px;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #f6faff 0, #fff 560px), var(--bg);min-width:320px;margin:0}body,button,input,select{font:inherit}button,select,input{color:inherit}a{color:inherit;text-decoration:none}.site-header{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:24px;height:76px;padding:0 max(28px,50vw - 640px);display:flex;position:sticky;top:0}.brand{color:var(--blue);align-items:center;font-size:26px;font-weight:800;line-height:1;display:inline-flex}.brand strong{color:var(--green);font-weight:800}.nav-links{color:var(--text);align-items:center;gap:26px;margin-left:auto;font-size:15px;display:flex}.nav-links a:hover{color:var(--blue)}.button{border-radius:var(--radius);border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:0 24px;font-size:17px;font-weight:700;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.button svg{stroke-width:2.2px;width:18px;height:18px}.button:focus-visible,.drop-zone:focus-within,summary:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #0f6ff638}.button:hover:not(:disabled){border-color:var(--blue);transform:translateY(-1px);box-shadow:0 12px 24px #0f6ff61f}.button:disabled{cursor:not-allowed;opacity:.48}.button.primary{color:#fff;border-color:var(--blue);background:var(--blue);min-width:286px;box-shadow:0 16px 26px #0f6ff638}.button.primary:hover{background:var(--blue-strong)}.button.secondary{background:#fff;min-width:230px}.button.subtle{background:#fff;min-height:44px;padding:0 18px;font-size:15px}.button.danger{min-height:44px;color:var(--danger);background:#fff;border-color:#0000;padding:0 14px}.hero-section{width:min(100% - 56px,1180px);margin:0 auto;padding:48px 0 0}.hero-copy{text-align:center;justify-items:center;display:grid}.hero-copy h1{max-width:980px;margin:0;font-size:62px;font-weight:850;line-height:1.03}.hero-copy p{color:#263247;max-width:760px;margin:22px 0 0;font-size:21px;line-height:1.55}.hero-actions{justify-content:center;gap:26px;margin-top:34px;display:flex}.proof-strip{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:min(100%,980px);margin:32px 0 0;padding:0;list-style:none;display:grid;overflow:hidden;box-shadow:0 14px 36px #1018280f}.proof-strip li{text-align:left;background:#ffffffe0;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:18px;display:grid}.proof-strip svg{width:22px;height:22px;color:var(--blue);stroke-width:2.1px;grid-row:1/span 2}.proof-strip strong{font-size:14px;line-height:1.15}.proof-strip span{color:var(--muted);font-size:13px;line-height:1.35}.converter-shell{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);margin-top:32px;padding:26px}.converter-topline{border-radius:var(--radius);color:#263247;background:#f5f9fd;border:1px solid #d4e2ef;flex-wrap:wrap;gap:10px 18px;margin-bottom:24px;padding:14px 16px;font-size:14px;font-weight:750;display:flex}.converter-topline span{align-items:center;gap:8px;display:inline-flex}.converter-topline svg{width:17px;height:17px;color:var(--green-strong);stroke-width:2.2px}.converter-grid{grid-template-columns:minmax(0,2fr) minmax(300px,1.02fr);gap:36px;display:grid}.upload-column h2,.result-heading h2,.setting-block label{margin:0;font-size:18px;font-weight:800;line-height:1.35}.drop-zone{border:2px dashed var(--blue);border-radius:var(--radius);background:linear-gradient(135deg, #0f6ff612, transparent 58%), var(--surface-soft);text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:350px;margin-top:16px;padding:34px;display:flex;position:relative}.drop-zone.is-dragging{border-color:var(--green);background:#eaf3ff}.file-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-icon{color:#fff;border-radius:var(--radius);background:var(--blue);place-items:center;width:72px;height:56px;margin-bottom:18px;display:inline-grid}.upload-icon svg{width:34px;height:34px}.drop-title{font-size:22px;font-weight:800}.drop-subtitle{color:var(--text);margin-top:10px;font-size:17px}.drop-detail{color:#37445a;max-width:390px;margin-top:28px;font-size:16px;line-height:1.6}.settings-column{align-content:start;gap:30px;display:grid}.setting-block{gap:14px;display:grid}.setting-block select{border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;width:100%;height:52px;padding:0 18px;font-weight:700}.quality-heading{justify-content:space-between;gap:16px;display:flex}.quality-heading output{color:var(--green);font-size:18px;font-weight:800}input[type=range]{width:100%;accent-color:var(--blue)}.range-labels{color:var(--muted);justify-content:space-between;gap:10px;font-size:12px;display:flex}.format-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.privacy-note{border-radius:var(--radius);background:linear-gradient(135deg, var(--green-soft), #fff);border:1px solid #b9eac7;grid-template-columns:auto 1fr;gap:18px;padding:24px;display:grid}.privacy-note svg{width:32px;height:32px;color:var(--green);stroke-width:2.1px}.privacy-note strong{color:var(--green-strong);margin-bottom:7px;font-size:18px;display:block}.privacy-note span{color:#1f3327;font-size:15px;line-height:1.5;display:block}.result-section{margin-top:30px}.result-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.result-heading span{color:var(--muted);font-size:14px}.results-table-wrap{border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}.results-table{border-collapse:collapse;text-align:left;width:100%;min-width:820px}.results-table th{border-bottom:1px solid var(--line);background:#f8fafc;padding:14px;font-size:13px;font-weight:800}.results-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:14px;font-size:15px}.results-table tr:last-child td{border-bottom:0}.preview-thumb{aspect-ratio:1.55;background:var(--blue-soft);border-radius:6px;place-items:center;width:92px;display:inline-grid;overflow:hidden}.preview-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pending-thumb{color:var(--blue)}.file-name,.result-name{gap:4px;display:grid}.result-name span{overflow-wrap:anywhere;max-width:220px;color:var(--muted);font-size:13px}.status{border-radius:999px;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.status svg{width:15px;height:15px}.status.converted{color:var(--green-strong);background:#daf8e2}.status.converting,.status.queued{color:#8b5a00;background:#fff4d3}.status.converting svg{animation:.9s linear infinite spin}.status.error{color:var(--danger);background:#ffe5e5}.download-button{border:1px solid var(--green);color:#fff;background:var(--green);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 15px;font-size:14px;font-weight:800;display:inline-flex}.download-button:disabled{cursor:not-allowed;opacity:.5}.download-button svg{width:16px;height:16px}.empty-row td{text-align:center;height:96px}.empty-state{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-weight:700;display:inline-flex}.result-actions{align-items:center;gap:14px;margin-top:22px;display:flex}.converted-count{color:#334155;margin-left:auto;font-weight:700}.steps-section,.privacy-flow,.use-cases-section,.guides-preview-section,.faq-section{width:min(100% - 56px,1180px);margin:0 auto;padding-top:56px}.section-header{text-align:center;max-width:760px;margin:0 auto 34px}.section-header h2,.faq-section h2{margin:0;font-size:32px;line-height:1.2}.faq-section h2{text-align:center;margin-bottom:34px}.section-header p{color:var(--muted);margin:14px 0 0;font-size:17px;line-height:1.6}.step-list{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;display:grid;overflow:hidden}.step-card{text-align:left;background:#fff;justify-items:start;gap:12px;padding:24px;display:grid;position:relative}.step-number{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.step-card svg{width:34px;height:34px;color:var(--blue);stroke-width:1.8px}.step-card h3,.benefit-item h3{margin:0;font-size:18px}.step-card p,.use-case-grid p,.flow-copy p,.flow-track p,.compatibility-note p,.faq-list p,.footer-brand p{color:var(--muted);margin:0;font-size:15px;line-height:1.65}.privacy-flow{border-radius:var(--radius);background:var(--ink);color:#fff;grid-template-columns:.82fr 1.18fr;align-items:center;gap:36px;margin-top:56px;padding:36px;display:grid}.flow-copy h2{margin:0 0 14px;font-size:34px;line-height:1.12}.flow-copy p,.flow-track p{color:#c9d8e8}.flow-track{border-radius:var(--radius);background:#ffffff29;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:1px;list-style:none;display:grid;overflow:hidden}.flow-track li{background:#ffffff0f;align-content:start;gap:10px;min-height:194px;padding:22px;display:grid}.flow-track span{width:34px;height:34px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-weight:850;display:grid}.flow-track strong{font-size:18px}.use-cases-section{padding-top:64px}.use-case-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.use-case-grid article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;gap:12px;min-height:210px;padding:30px;display:grid}.use-case-grid svg{width:32px;height:32px;color:var(--blue);stroke-width:1.9px}.use-case-grid article:nth-child(2) svg,.use-case-grid article:nth-child(4) svg{color:var(--green-strong)}.use-case-grid h3{margin:0;font-size:22px;line-height:1.25}.format-section{background:#f6f9fc;gap:28px;margin-top:64px;padding:58px 0;display:grid}.guide-intro{text-align:center;width:min(100% - 56px,760px);max-width:760px;margin:0 auto}.guide-intro h2{margin:0 0 14px;font-size:32px;line-height:1.2}.guide-intro p,.format-matrix span,.content-section p,.content-section li{color:var(--muted);margin:0;font-size:16px;line-height:1.72}.format-matrix,.compatibility-note{width:min(100% - 56px,1180px);margin:0 auto}.format-matrix{border:1px solid var(--line);border-radius:var(--radius);background:var(--line);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.format-matrix article{background:#fff;align-content:start;gap:10px;min-height:150px;padding:24px;display:grid}.format-matrix strong{font-size:18px;line-height:1.3}.format-matrix article:first-child strong{color:var(--green-strong)}.compatibility-note{border-top:1px solid #dbe5ef;grid-template-columns:minmax(220px,.45fr) 1fr;align-items:start;gap:32px;padding-top:26px;display:grid}.compatibility-note h3{margin:0;font-size:24px;line-height:1.25}.guides-preview-section{padding-top:64px}.guide-link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.guide-link-grid a{border:1px solid var(--line);border-radius:var(--radius);background:#fff;align-content:start;gap:10px;min-height:156px;padding:22px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.guide-link-grid a:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:0 14px 30px #0f6ff61a}.guide-link-grid strong{font-size:18px;line-height:1.25}.guide-link-grid span{color:var(--muted);font-size:15px;line-height:1.6}.faq-list{gap:10px;display:grid}details{border:1px solid var(--line);border-radius:var(--radius);background:#fff}summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;padding:0 22px;font-weight:700;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"";border-right:2px solid var(--text);border-bottom:2px solid var(--text);width:10px;height:10px;transition:transform .2s;transform:rotate(45deg)}details[open] summary:after{transform:rotate(225deg)}details p{padding:0 22px 18px}.site-footer{border-top:1px solid var(--line);grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(130px,.7fr));gap:44px;width:min(100% - 56px,1180px);margin:60px auto 0;padding:40px 0 34px;display:grid}.site-footer h2{margin:0 0 16px;font-size:14px}.site-footer a:not(.brand){color:var(--muted);margin:0 0 12px;font-size:14px;display:block}.site-footer a:not(.brand):hover{color:var(--blue)}.footer-brand .brand{margin-bottom:16px}.copyright{text-align:center;color:var(--muted);grid-column:1/-1;margin:10px 0 0;font-size:14px}.page-shell{width:min(100% - 56px,920px);margin:0 auto;padding:64px 0 0}.page-hero{border-bottom:1px solid var(--line);padding-bottom:34px}.page-label{letter-spacing:0;color:var(--blue);margin:0 0 16px;font-size:14px;font-weight:800}.page-hero h1{max-width:780px;margin:0;font-size:48px;line-height:1.08}.page-hero p:not(.page-label){color:#263247;max-width:780px;margin:18px 0 0;font-size:19px;line-height:1.65}.content-section{border-bottom:1px solid var(--line);padding:34px 0}.content-section h2{margin:0 0 12px;font-size:26px;line-height:1.25}.content-section p+p{margin-top:14px}.content-section a{color:var(--blue);font-weight:700}.split-content,.contact-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;display:grid}.plain-list{gap:10px;margin:0;padding-left:20px;display:grid}.content-list{gap:12px;margin:0;padding-left:20px;display:grid}.content-section .content-list+p,.content-section p+.content-list{margin-top:16px}.table-wrap{border:1px solid var(--line);border-radius:var(--radius);background:#fff;overflow-x:auto}.content-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.content-table th,.content-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:16px 18px}.content-table th{color:var(--text);background:#f5f9fd;font-size:14px;font-weight:850}.content-table td{color:var(--muted);font-size:15px;line-height:1.65}.content-table tr:last-child td{border-bottom:0}.content-table a{color:var(--blue);font-weight:800}.note-box{border-radius:var(--radius);background:linear-gradient(135deg, var(--green-soft), #fff);border:1px solid #b9eac7;gap:8px;margin-top:18px;padding:18px;display:grid}.note-box strong{color:var(--green-strong);font-size:16px}.note-box span{color:#1f3327;font-size:15px;line-height:1.6}.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-card,.page-cta{border:1px solid var(--line);border-radius:var(--radius);background:#fbfdff;padding:22px}.guide-card h2,.guide-card h3{margin:0 0 10px;font-size:22px;line-height:1.25}.page-cta{background:linear-gradient(135deg,#0f6ff614,#10a83f14),#fff;gap:14px;margin-top:34px;display:grid}.page-cta h2{margin:0;font-size:26px;line-height:1.2}.page-cta p{color:var(--muted);margin:0;line-height:1.65}.related-guides{gap:12px;display:grid}.related-guides a{border:1px solid var(--line);border-radius:var(--radius);color:var(--blue);background:#fff;padding:16px 18px;font-weight:800;display:block}.related-guides a:hover{border-color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=920px){.site-header{flex-wrap:wrap;height:auto;min-height:70px;padding:18px 22px}.nav-links{order:3;justify-content:center;gap:22px;width:100%}.hero-section,.steps-section,.privacy-flow,.use-cases-section,.guides-preview-section,.faq-section,.site-footer,.page-shell{width:min(100% - 32px,1180px)}.hero-copy h1{font-size:42px}.hero-copy p{font-size:18px}.converter-grid,.privacy-flow,.flow-track,.use-case-grid,.format-matrix,.compatibility-note,.guide-link-grid,.guide-cards,.site-footer,.split-content,.contact-panel{grid-template-columns:1fr}.proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.format-matrix,.compatibility-note,.guide-intro{width:min(100% - 32px,1180px)}.privacy-flow{padding:30px}.step-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){body{overflow-x:hidden}.site-header{gap:14px}.brand{font-size:22px}.nav-links{justify-content:flex-start;padding-bottom:2px;overflow-x:auto}.hero-section{padding-top:40px}.hero-copy{text-align:left;justify-items:start}.hero-copy h1{overflow-wrap:break-word;max-width:100%;font-size:34px}.hero-actions,.result-actions{flex-direction:column;align-items:stretch;width:100%}.button.primary,.button.secondary{width:100%;min-width:0}.converter-shell{padding:18px}.drop-zone{min-height:290px;padding:24px}.drop-title{font-size:19px}.drop-detail{font-size:14px}.converted-count{text-align:center;margin-left:0}.steps-section h2,.section-header h2,.faq-section h2,.guide-intro h2{font-size:28px}.page-shell{padding-top:44px}.page-hero h1{font-size:36px}.page-hero p:not(.page-label){font-size:17px}.step-list,.proof-strip{grid-template-columns:1fr}.converter-topline{flex-direction:column;align-items:flex-start}.privacy-flow{margin-top:44px;padding:26px}.flow-copy h2{font-size:28px}.flow-track li,.use-case-grid article,.format-matrix article{min-height:auto;padding:22px}.format-section{margin-top:48px;padding:46px 0}.results-table,.results-table thead,.results-table tbody,.results-table tr,.results-table td{width:100%;min-width:0;display:block}.results-table thead{display:none}.results-table tr{border-bottom:1px solid var(--line);padding:14px}.results-table tr:last-child{border-bottom:0}.results-table td{border-bottom:0;grid-template-columns:112px 1fr;align-items:center;gap:14px;padding:10px 0;display:grid}.results-table td:before{content:attr(data-label);color:var(--muted);font-size:13px;font-weight:800}.empty-row td{height:auto;padding:26px 0;display:block}.empty-row td:before{content:none}}