.converter-page{width:min(100%,70rem);margin-inline:auto;padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,3vw,2.5rem) 4rem;container-type:inline-size;color:var(--foreground)}.converter-intro{display:grid;place-content:center;justify-items:center;min-height:clamp(6rem,11vw,9rem);margin-bottom:clamp(1.25rem,3vw,2rem);text-align:center}.converter-intro h1{max-width:none;margin:0;text-wrap:balance}.converter-intro p,.converter-guide-section p,.converter-example p{max-width:66ch;margin-top:.55rem;line-height:1.65;color:var(--muted-foreground)}.converter-page .workspace{max-width:none;border-radius:1rem;padding:clamp(.75rem,1.8vw,1.35rem);gap:clamp(1rem,2.5vw,2rem);background:var(--card)}.converter-page .dropzone{min-height:17rem;border-width:1px;border-radius:.7rem;background:var(--muted)}.converter-page .dropzone.is-dragging{background:var(--accent)}.converter-page .settings-panel{border:0;box-shadow:none;padding:.75rem .45rem}.converter-page .local-chip,.converter-page .action-trust{display:none}.converter-page .supported-formats{flex-flow:row wrap;justify-content:center;column-gap:.75rem}.converter-page .dropzone-empty{padding:1rem}.converter-page .workspace-action{padding-top:1rem}.converter-guide-section{margin-top:clamp(2rem,5vw,3.75rem);scroll-margin-top:5rem}.converter-guide-section>h2{margin-bottom:clamp(1.35rem,3cqi,2rem);text-align:center;font-size:clamp(1.25rem,2vw,1.65rem);font-weight:650;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}.converter-steps,.converter-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:1.5rem}.converter-steps{list-style:decimal;counter-reset:none;padding:0}.converter-steps li{margin-inline-start:1.4rem;padding-inline-start:.25rem}.converter-steps li::marker{color:var(--primary);font-weight:650}.converter-steps h3,.converter-links strong{font-size:1rem;font-weight:650}.converter-steps p{margin-top:.35rem;font-size:.94rem}.converter-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.converter-topics>div{border-top:1px solid var(--border);padding-top:1rem}.converter-topics h3,.converter-example h3{font-size:1.08rem;font-weight:650;line-height:1.4}.converter-example{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(1.25rem,4vw,3rem);margin-top:clamp(1.75rem,3.8cqi,2.5rem);padding:clamp(1.25rem,3vw,2.25rem);border:1px solid var(--border);border-radius:1rem;background:var(--muted)}.mpg-ratios{min-width:0;margin:0;padding:1rem;border:1px solid var(--border);border-radius:.65rem;background:var(--card)}.mpg-ratio-frames{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,4fr);align-items:center;gap:.75rem}.mpg-ratio-frames span{display:grid;place-items:center;outline:1px solid var(--border);border-radius:.3rem;font-weight:650;font-variant-numeric:tabular-nums}.mpg-ratio-standard{aspect-ratio:4 / 3;background:var(--muted)}.mpg-ratio-wide{aspect-ratio:16 / 9;background:var(--accent);color:var(--accent-foreground)}.mpg-ratios figcaption{margin-top:.75rem;text-align:center;color:var(--muted-foreground);font-size:.875rem}.converter-faq>div{max-width:48rem;margin-inline:auto}.converter-faq details{border-bottom:1px solid var(--border)}.converter-faq details:first-child{border-top:1px solid var(--border)}.converter-faq summary{list-style:none;padding:1rem 0;cursor:pointer;font-weight:550;line-height:1.5}.converter-faq summary h3{display:flex;align-items:center;justify-content:space-between;gap:1rem;font:inherit}.converter-faq summary::-webkit-details-marker{display:none}.converter-faq summary svg{flex:none;color:var(--muted-foreground)}.converter-faq details[open] summary svg{transform:rotate(180deg)}.converter-faq details p{margin:0 0 1rem}.converter-links{gap:.8rem}.converter-links a{padding:1rem;border:1px solid var(--border);border-radius:.7rem}.converter-links a:hover,.converter-links a:focus-visible{background:var(--accent)}.converter-links strong{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.converter-links svg{flex:none;color:var(--primary)}.converter-links span{display:block;margin-top:.3rem;color:var(--muted-foreground);font-size:.9rem}@container (max-width: 39rem){.converter-page .workspace,.converter-example,.converter-steps,.converter-topics{grid-template-columns:minmax(0,1fr)}.converter-page .dropzone{min-height:0}.converter-page .upload-illustration{zoom:.72}.converter-page .settings-panel{padding:.3rem}.converter-page .supported-formats{margin-top:.65rem}.converter-steps{gap:1rem}}.converter-example-intro{margin-inline:auto;text-align:center;text-wrap:pretty}.converter-page #example>:last-child{max-width:48rem;margin:1.5rem auto 0}.converter-page #example pre{white-space:pre-wrap;overflow-wrap:anywhere;font:.9rem/1.65 var(--font-mono)}.editorial-notes h3,.editorial-case h3,.converter-page #example h3{font-size:1.05rem;font-weight:650;line-height:1.45}.notes-list,.editorial-case>p{max-width:68ch;margin-inline:auto}.notes-list section+section{margin-top:1.6rem}.converter-article-copy .converter-guide-section h3{text-align:center;text-wrap:balance}.converter-article-copy .converter-steps li{margin-inline-start:0;padding-inline-start:0}.converter-article-copy .converter-steps li::marker{content:""}.converter-article-copy .converter-steps h3:before{content:counter(list-item) ". " / "";color:var(--primary)}.converter-article-copy .converter-faq summary h3{display:block;position:relative;padding-inline:1.75rem}.converter-article-copy .converter-faq summary svg{position:absolute;inset-inline-end:0;top:50%;translate:0 -50%}.converter-article-copy .notes-list p{margin-inline:auto}.converter-article-copy p a{color:var(--primary);text-decoration:underline;text-underline-offset:.15em}.converter-article-copy .track-markup{white-space:pre-wrap;overflow-wrap:anywhere}.converter-article-copy .track-markup+section,.converter-article-copy .format-comparison+.notes-list{margin-top:2rem}.editorial-case>p+p{margin-top:1rem}.format-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:1rem}.format-choices div{border-top:1px solid var(--border);padding-top:1rem}.format-choices dt{font-weight:650}.format-choices dd{margin-top:.55rem;color:var(--muted-foreground)}.local-example{max-width:68ch;margin:1.5rem auto 0;padding:1.25rem;border-inline-start:3px solid var(--primary);background:var(--muted);border-radius:.4rem}.local-example ol{list-style:decimal;padding-inline-start:1.35rem}.local-example li{margin-top:.65rem;line-height:1.65;color:var(--muted-foreground)}