.converter-results{padding-bottom:36px}.converter-workspace{background:var(--surface);border:1px solid var(--line);border-radius:12px;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.converter-preview-panel{border-right:1px solid var(--line);min-width:0;padding:24px}.converter-stage{border-radius:6px;justify-content:center;align-items:center;height:280px;display:flex;overflow:hidden}.converter-stage img{object-fit:contain;max-width:100%;max-height:100%}.converter-frame-controls{color:var(--muted);justify-content:center;align-items:center;gap:16px;margin:15px 0;font-size:13px;display:flex}#converter-frame-slider,#converter-quality{width:100%;accent-color:var(--brand)}.converter-options{min-width:0;padding:30px}#converter-file-name{overflow-wrap:anywhere;font-size:18px}.converter-option{justify-content:space-between;align-items:center;gap:16px;margin:22px 0 8px;font-size:14px;font-weight:600;display:flex}.converter-option input[type=color]{border:1px solid var(--line);background:var(--surface);border-radius:5px;width:44px;height:34px;padding:2px}.converter-note{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.6}.converter-download{margin-top:22px}.converter-options .converter-download{width:100%}.converter-output{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:20px;display:flex}.converter-output p{font-size:14px}@media (width<=600px){.converter-workspace{grid-template-columns:1fr}.converter-preview-panel{border-right:0;border-bottom:1px solid var(--line);padding:20px}.converter-stage{height:230px}.converter-options{padding:20px}.converter-output{flex-wrap:wrap}}.has-converter-results .intro{text-align:left;padding:28px 0}.has-converter-results .intro h1{font-size:30px}.has-converter-results .intro .eyebrow,.has-converter-results .intro .lede,.has-converter-results .intro-description{display:none}@media (width<=600px){.has-converter-results .intro{padding:16px 0}.has-converter-results .intro h1{font-size:27px}}
