:root{font-synthesis:none;color:#f5f3ec;--night:#101b21;--night-2:#17252b;--ink:#152028;--paper:#f5f3ec;--lime:#d7f58e;--quiet:#aab8b7;--coral:#ef977a;--mono:ui-monospace, SFMono-Regular, Menlo, monospace;background:#101b21;font-family:Avenir Next,Avenir,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}.site-header,footer{max-width:1380px;margin:auto;padding-left:46px;padding-right:46px}.site-header{border-bottom:1px solid #ffffff25;justify-content:space-between;align-items:center;gap:20px;min-height:84px;display:flex}.brand{color:var(--paper);letter-spacing:-.075em;white-space:nowrap;align-items:center;gap:12px;font-size:23px;font-weight:800;text-decoration:none;display:inline-flex}.brand:before{content:"";background:url(/assets/favicon.svg) 50%/contain no-repeat;flex:none;width:34px;height:34px}.site-header nav{flex-wrap:wrap;gap:30px;display:flex}.site-header nav a{color:#c0cbc9;font-size:13px;font-weight:650;text-decoration:none}.site-header nav a:hover{color:var(--lime)}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:3px}.hero-wrap{isolation:isolate;background:radial-gradient(ellipse at 11% 33%, #203440 0, transparent 43%), var(--night);position:relative}.hero-wrap:before{content:"";z-index:-1;opacity:.15;background:repeating-linear-gradient(90deg,#0000 0 103px,#81949d 104px,#0000 105px);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 25% 72%,#0000);mask-image:linear-gradient(#0000,#000 25% 72%,#0000)}.tool-shell{grid-template-columns:minmax(0,.84fr) minmax(440px,1.16fr);align-items:start;gap:clamp(28px,5vw,90px);max-width:1380px;min-height:700px;margin:auto;padding:76px 46px 95px;display:grid}.hero-copy{min-width:0;padding-top:8px}.eyebrow,.section-kicker,.tool-kicker,.tool-index{font:700 11px/1.3 var(--mono);letter-spacing:.15em;text-transform:uppercase}.eyebrow{color:var(--lime);align-items:center;gap:12px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:25px;height:1px}h1{letter-spacing:-.105em;margin:26px 0;font-size:clamp(74px,8.3vw,120px);font-weight:800;line-height:.88}h1 em{color:var(--lime);letter-spacing:-.08em;white-space:nowrap;font:italic 400 .52em Georgia,Times New Roman,serif}.intro{color:#c6d0cc;max-width:450px;margin-bottom:0;font-size:clamp(17px,1.45vw,20px);line-height:1.55}.hero-points{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.hero-points span{color:#b7c7c1;font:600 11px/1 var(--mono);border:1px solid #677b765e;border-radius:30px;padding:9px 12px}.tool-side{min-width:0}.converter{background:var(--paper);color:var(--ink);border-radius:22px;padding:10px;box-shadow:0 28px 70px #04080a80,0 0 0 1px #fff8}.converter:before{content:"";pointer-events:none;display:block;position:absolute}.tool-top{justify-content:space-between;align-items:start;gap:16px;padding:27px 28px 21px;display:flex}.tool-kicker{color:#557066}.tool-top h2{letter-spacing:-.055em;margin:8px 0 0;font-size:27px;line-height:1.1}.tool-index{color:#84918b;white-space:nowrap}.dropzone{background:#eff0e8;border:1.5px dashed #aabbb0;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:9px;min-height:276px;margin:0 18px;padding:27px 30px;display:flex}.dropzone.dragging{background:#e9f3dc;border-color:#759242}.drop-icon{background:var(--night);border-radius:12px;justify-content:center;align-items:center;gap:3px;width:50px;height:50px;margin-bottom:12px;display:flex}.drop-icon i{background:var(--lime);border-radius:5px;width:3px}.drop-icon i:first-child{height:12px}.drop-icon i:nth-child(2){height:23px}.drop-icon i:nth-child(3){height:15px}.drop-icon i:nth-child(4){height:29px}.drop-icon i:nth-child(5){height:17px}.dropzone strong{letter-spacing:-.05em;font-size:24px;line-height:1.15}.drop-secondary{color:#63716b;font-size:13px}.button{appearance:none;min-height:44px;color:var(--ink);cursor:pointer;border:1px solid #b9c8c0;border-radius:8px;justify-content:center;align-items:center;gap:15px;padding:11px 17px;font-size:13px;font-weight:750;line-height:1.3;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--lime);background:var(--lime);color:#18211e;margin-top:8px}.button.primary:hover{background:#c8e67c}.button.dark{color:#f7f7f0;background:#243840;border-color:#243840}.button.dark:hover{background:#182c34}.button.subtle{color:var(--ink);background:0 0;border-color:#cbd5cd}.button:disabled{opacity:.55;cursor:not-allowed}#choose span,#convert span,#download span{margin-left:auto;font-size:20px;font-weight:400}.drop-hint{color:#66756e;font:600 11px/1.5 var(--mono);overflow-wrap:anywhere;display:block}.drop-hint:first-of-type{margin-top:10px}.selection{background:#fff;border:1px solid #d9e1d8;border-radius:9px;align-items:center;gap:13px;min-width:0;margin:15px 18px 0;padding:12px;display:flex}.selected-icon{color:#527531;background:#eaf4df;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.selected-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.selected-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.selected-text span{color:#6e7b76;font-size:12px}.text-button{color:#516e3e;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px;font-size:13px;font-weight:700;text-decoration:underline}.tool-actions{gap:9px;padding:16px 18px 0;display:flex}.tool-actions .dark{flex:1;justify-content:space-between}.status{color:#4f685a;overflow-wrap:anywhere;min-height:20px;margin:14px 21px 20px;font-size:13px;line-height:1.5}.status.error{color:#a33d31}progress{accent-color:#7a9a3d;width:calc(100% - 36px);height:8px;margin:0 18px 18px}.trust-line{color:#b5c3bb;align-items:start;gap:9px;margin:18px 0 0;font-size:12px;line-height:1.5;display:flex}.trust-line span{color:var(--lime);padding-top:2px;font-size:9px}.result{background:var(--paper);color:var(--ink);padding:94px 46px 105px;scroll-margin-top:20px}.result-inner{max-width:1288px;margin:auto}.section-top{justify-content:space-between;align-items:end;gap:30px;margin-bottom:31px;display:flex}.section-top .section-kicker{color:#627a49}.section-top h2{letter-spacing:-.075em;max-width:700px;margin:14px 0 0;font-size:clamp(42px,5vw,70px);line-height:1}.section-top p{color:#64746b;max-width:280px;margin:0;font-size:14px;line-height:1.55}.result-grid{background:#fff;border:1px solid #d8ded5;border-radius:18px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);display:grid;overflow:hidden;box-shadow:0 20px 42px #18303612}.roll-panel{background:var(--night-2);color:#f2f5eb;min-width:0;padding:28px}.roll-heading{justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:17px;display:flex}.roll-heading strong,.roll-heading span{font:700 11px var(--mono);letter-spacing:.09em;text-transform:uppercase}.roll-heading span{color:var(--lime)}.roll-scroll{background:#14242c;border:1px solid #405861;border-radius:7px;max-height:365px;overflow:auto}#roll{width:100%;min-width:620px;display:block}.roll-seek-label{justify-content:space-between;gap:15px;margin-top:18px;font-size:12px;font-weight:700;display:flex}#roll-position{accent-color:#8fac45;width:100%;margin:10px 0 0}.roll-caption{color:#aebeb8;font:600 11px/1.5 var(--mono);margin:12px 0 0}.roll-caveat{color:#b5c4bd;margin:10px 0 0;font-size:12px;line-height:1.5}.result-details{flex-direction:column;min-width:0;padding:30px;display:flex}.result-details .section-kicker{color:#60794e}.stats{background:#e0e8de;border:1px solid #e0e8de;border-radius:10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:18px 0 22px;display:grid;overflow:hidden}.stats div{background:#f7f9f5;flex-direction:column;gap:6px;min-width:0;padding:15px;display:flex}.stats div:last-child{grid-column:1/-1}.stats span{color:#697970;font-size:12px}.stats strong{font-variant-numeric:tabular-nums;font-size:20px}.stats small{color:#6f7d75;font-size:11px;font-weight:500}#download{justify-content:space-between;width:100%}.notes-heading{justify-content:space-between;align-items:baseline;gap:15px;margin:27px 0 11px;display:flex}.notes-heading h3{margin:0;font-size:18px}.notes-heading span{color:#738078;font-size:11px}.table-wrap{border:1px solid #e5ebe4;border-radius:9px;max-height:260px;overflow:auto}table{border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums;width:100%}th,td{white-space:nowrap;border-bottom:1px solid #eef1ed;padding:10px 9px}th{color:#5e6b65;font:700 10px var(--mono);text-transform:uppercase;background:#f6f9f5;position:sticky;top:0}td{font-size:12px}.result-caveat{color:#738078;margin:13px 0 0;font-size:12px;line-height:1.5}.content-section{padding:86px 46px;scroll-margin-top:20px}.content-inner{max-width:1288px;margin:auto}.content-dark{background:var(--night);color:var(--paper)}.content-paper{background:var(--paper);color:var(--ink)}.content-section .section-kicker{color:var(--lime)}.content-paper .section-kicker{color:#617647}.content-section h2{letter-spacing:-.07em;max-width:750px;margin:14px 0 30px;font-size:clamp(36px,4vw,58px);line-height:1.08}.content-section p{font-size:14px;line-height:1.65}.content-dark p{color:#a8b7b4}.content-paper p{color:#65726e}.steps{background:#44545a;border:1px solid #44545a;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.steps article{background:var(--night-2);padding:27px 30px 33px}.step-number{color:var(--lime);font:700 11px var(--mono)}.steps h3{letter-spacing:-.04em;margin:25px 0 8px;font-size:20px}.steps p{margin:0;font-size:13px}.formats .content-inner{grid-template-columns:1fr 1fr;gap:50px;display:grid}.format-groups{gap:12px;display:grid}.format-groups>div{background:#fff;border:1px solid #d8ded5;border-radius:10px;padding:20px}.format-groups h3{margin:0 0 7px;font-size:18px}.format-groups p{margin:0}.faq .content-inner{max-width:760px}.faq details{border-top:1px solid #46555a;padding:20px 0}.faq details:last-child{border-bottom:1px solid #46555a}.faq summary{cursor:pointer;padding-right:28px;font-size:16px;font-weight:700;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--lime);font:400 24px var(--mono);position:absolute;top:-5px;right:3px}.faq details[open] summary:after{content:"−"}.faq details p{max-width:680px;margin:12px 0 0;font-size:13px}footer{color:#95a7a4;border-top:1px solid #3a484c;justify-content:space-between;gap:20px;min-height:100px;padding-top:24px;padding-bottom:40px;font-size:12px;display:flex}@media (width<=1050px){.tool-shell{grid-template-columns:minmax(0,.8fr) minmax(390px,1.2fr);gap:28px}h1{font-size:clamp(67px,8vw,94px)}.hero-points{display:none}}@media (width<=780px){.site-header{min-height:68px;padding:0 20px}.tool-shell{flex-direction:column;gap:32px;min-height:0;padding:52px 20px 72px;display:flex}h1{margin:22px 0;font-size:clamp(68px,12vw,106px)}.tool-side{width:100%}.section-top{flex-direction:column;align-items:start;gap:14px}.section-top p{max-width:500px}.result{padding:75px 20px 82px}.result-grid,.steps,.formats .content-inner{grid-template-columns:1fr}.content-section{padding:72px 20px}.formats .content-inner{gap:20px}.steps article{padding:23px}.steps h3{margin-top:14px}footer{padding-left:20px;padding-right:20px}}@media (width<=460px){.brand{font-size:19px}.brand:before{width:29px;height:29px}.site-header{flex-wrap:wrap;gap:5px;padding-top:14px;padding-bottom:14px}.site-header nav{gap:18px;width:100%}.site-header nav a{font-size:12px}.tool-shell{gap:25px;padding-top:42px}h1{font-size:clamp(62px,16vw,76px)}.intro{font-size:16px}.converter{border-radius:17px;padding:7px}.tool-top{padding:19px 18px 17px}.tool-top h2{font-size:21px}.tool-index{font-size:9px}.dropzone{min-height:250px;margin:0 10px;padding:21px}.dropzone strong{font-size:21px}.drop-icon{margin-bottom:7px}.drop-hint{font-size:10px}.tool-actions{padding-left:10px;padding-right:10px}.status{margin-left:13px;margin-right:13px}.section-top h2{font-size:40px}.roll-panel,.result-details{padding:20px}.notes-heading{flex-direction:column;align-items:start;gap:4px}th,td{padding:9px 7px;font-size:11px}footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}