.converter-hero{max-width:1100px;margin:72px auto 0;padding:0 25px;text-align:center}.converter-hero h1{font:700 clamp(48px,8vw,86px)/1.02 "Space Grotesk",sans-serif;letter-spacing:-4px;margin:18px 0}.converter-hero h1 em{font-style:normal;color:var(--accent)}.converter-hero .hero-copy{max-width:650px;margin:0 auto 36px;color:var(--muted);font-size:17px}.converter-workspace{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.25fr);gap:28px;align-items:start;text-align:left;background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px;box-shadow:0 18px 55px #2027460c}.converter-controls{padding:4px}.converter-controls>label:not(.upload-zone){display:grid;gap:7px;margin:16px 0;font-size:13px;font-weight:800}.converter-controls select,.converter-controls input:not([type=range]){width:100%;border:1px solid #dfe2ec;border-radius:10px;padding:12px;font:inherit;background:#fafbfe}.converter-controls input[type=range]{width:100%;accent-color:var(--accent)}.upload-zone{display:grid;place-items:center;gap:5px;min-height:150px;padding:20px;border:1px dashed #ffab99;border-radius:14px;background:#fff8f5;text-align:center;cursor:pointer}.upload-zone:hover{background:#fff0eb}.upload-zone small{color:var(--muted);font-size:11px;font-weight:400}.upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.upload-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--accent);color:#fff;font-size:21px}.converter-button{width:100%;min-height:46px;margin-top:10px}.converter-preview{min-width:0}.converter-preview-frame{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:#eceef5;color:var(--muted);font-size:13px}.converter-preview-frame img{display:block;width:100%;height:100%;object-fit:contain}.converter-preview-frame img[hidden],.converter-preview-frame span[hidden]{display:none}.converter-preview>p{margin:10px 0 0;color:var(--muted);font-size:12px}.converter-content{margin-top:90px}.converter-content .seo-columns{grid-template-columns:repeat(4,1fr)}
@media(max-width:760px){.converter-hero{margin-top:48px;padding:0 20px}.converter-hero h1{letter-spacing:-2px}.converter-hero .hero-copy{font-size:16px}.converter-workspace{grid-template-columns:1fr;padding:18px}.converter-content{margin-top:70px}.converter-content .seo-columns{grid-template-columns:1fr}}