.converter-main{max-width:var(--site-width,1320px);margin:auto;padding:75px 32px 70px}.converter-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:50px;margin:45px 0}.converter-intro h1{font-size:clamp(44px,5.9vw,76px);line-height:1.04;letter-spacing:-.055em;margin:20px 0}.converter-intro h1 em,.converter-results-head h2 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.converter-intro p{color:var(--muted);line-height:1.75;max-width:490px;font-size:16px}.converter-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.converter-badges span{font-size:10px;border:1px solid var(--line);border-radius:30px;padding:8px 12px}.converter-orbit{position:relative;height:260px;display:grid;place-items:center}.converter-orbit i{position:absolute;width:230px;height:230px;border:1px solid #bca9e8;border-radius:50%;transform:rotateX(60deg) rotate(-20deg);box-shadow:0 0 90px #dccafa88}.converter-orbit b{display:grid;place-items:center;width:130px;height:130px;background:linear-gradient(140deg,#fffc,#d7c5efa0);border:1px solid #fff;border-radius:38px;font-size:60px;font-weight:300;box-shadow:0 25px 55px #b5a2d533;animation:converter-bob 7s ease-in-out infinite;transform:rotate(-9deg)}.orbit-label{position:absolute;border-radius:12px;padding:12px 16px;background:#ffffffaa;border:1px solid white;box-shadow:0 15px 35px #a897c322;font-size:11px;letter-spacing:.12em;animation:converter-bob 6s ease-in-out infinite}.label-a{top:30px;left:10%;animation-delay:-2s}.label-b{right:4%;top:90px;animation-delay:-4s}.label-c{bottom:5px;left:20%}.converter-workbench{border:1px solid #e6e0f0;border-radius:28px;background:#ffffffa8;overflow:hidden;box-shadow:0 25px 80px #8b78b610}.converter-categories{display:flex;gap:5px;padding:16px 20px;border-bottom:1px solid var(--line);background:#fff8}.converter-categories button{display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:13px 20px;border-radius:13px;cursor:pointer;color:var(--muted);font-size:17px;transition:background .3s,transform .3s,color .3s}.converter-categories button span{font-size:13px}.converter-categories button[aria-pressed=true]{color:#5b427c;background:#ece5f6}.converter-categories button:hover{transform:translateY(-2px)}.converter-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:0}.converter-input{padding:28px}.converter-drop{width:100%;min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;border:1px dashed #c6b6dd;border-radius:20px;background:radial-gradient(ellipse at 50% 20%,#f2e9fc,transparent 70%),#faf9fc;cursor:pointer;transition:border .3s,background .3s,transform .3s}.converter-drop:hover,.converter-drop.drag-over{background:#f1eafa;border-color:#9671c1;transform:translateY(-2px)}.drop-symbol{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#fff;box-shadow:0 8px 25px #bfaed433;font-size:28px;color:#8b67b5}.converter-drop strong{font-size:17px;font-weight:500}.converter-drop>span:not(.drop-symbol){font-size:12px;color:var(--muted)}.converter-drop small{max-width:95%;font-size:10px;color:var(--muted);line-height:1.6}.converter-queue-head{display:flex;justify-content:space-between;margin:22px 0 12px;font-size:12px;color:var(--muted)}.converter-queue-head button{border:0;background:none;color:var(--muted);font-size:11px;cursor:pointer}.converter-queue{display:grid;gap:8px}.converter-file{display:flex;align-items:center;gap:12px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:13px;animation:converter-arrive .35s ease both}.file-icon{width:36px;height:36px;background:#f0ebf8;display:grid;place-items:center;border-radius:9px;color:#8663b1;flex-shrink:0}.converter-file>div{min-width:0;flex:1}.converter-file strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.converter-file small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.converter-file button{border:0;background:none;cursor:pointer;font-size:19px;color:var(--muted)}.converter-file[data-state=working] .file-icon{animation:converter-pulse 1.4s infinite}.converter-file[data-state=done] .file-icon{background:#e5f2ec;color:#428765}.converter-file[data-state=error] .file-icon{background:#f8e7e8;color:#b65a67}.converter-upload-note{font-size:10px;line-height:1.75;color:var(--muted);max-width:550px;margin:25px 0 0}.converter-settings{background:#f8f6fbbc;border-left:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:19px}.converter-settings>label{display:grid;gap:9px;font-size:12px}.converter-settings select{width:100%;border:1px solid #dfd6eb;padding:12px;border-radius:10px;background:#fff;color:var(--ink);font:inherit;font-size:12px}.converter-settings input[type=range]{width:100%;accent-color:#8c65b7}.converter-quality-note{font-size:11px;line-height:1.7;border-radius:13px;background:#eee7f6;padding:16px;color:#70538c}.converter-quality-note[data-warning=true]{background:#faf0dc;color:#8a6b30}.converter-run{display:flex;justify-content:space-between;align-items:center;border:0;background:#292532;color:#fff;font:inherit;padding:17px;border-radius:12px;cursor:pointer;font-size:13px;transition:transform .3s,background .3s}.converter-run:hover{transform:translateY(-2px);background:#594274}.converter-run:disabled{opacity:.4;cursor:default;transform:none}.converter-cancel{border:0;background:none;font:inherit;font-size:12px;cursor:pointer}.converter-status{font-size:11px;color:var(--muted);line-height:1.6}.converter-results-section{margin:55px 0}.converter-results-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.converter-results-head h2{font-size:36px;letter-spacing:-.04em;line-height:1.1;margin:15px 0}.converter-results-head button{border:1px solid var(--line);background:#fff;padding:14px 20px;border-radius:12px;font:inherit;font-size:12px;cursor:pointer}.converter-results{display:grid;gap:16px}.conversion-result{display:grid;grid-template-columns:200px minmax(0,1fr) auto;gap:24px;align-items:center;background:#fffc;border:1px solid var(--line);padding:20px;border-radius:20px;animation:converter-arrive .5s ease both}.result-preview{height:135px;position:relative;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#f1edf7 0% 25%,#fff 0% 50%) 0/16px 16px}.result-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.result-preview .original{clip-path:inset(0 calc(100% - var(--compare,50%)) 0 0)}.result-preview input{position:absolute;bottom:8px;left:10%;width:80%;accent-color:#8863b5;z-index:1}.result-placeholder{height:135px;display:grid;place-items:center;font-size:40px;color:#ab94c6;background:#f1ebf8;border-radius:12px}.result-copy{min-width:0}.result-copy h3{font-size:15px;overflow-wrap:anywhere}.result-copy p{font-size:11px;color:var(--muted);line-height:1.65}.result-copy .result-size{font-size:12px;color:var(--ink)}.result-download{background:#ece5f5;padding:12px 16px;border-radius:12px;font-size:12px;white-space:nowrap}.converter-explain{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:50px 0}.converter-explain article>span{font-size:9px;letter-spacing:.1em;color:var(--muted)}.converter-explain h3{font-size:17px;font-weight:500;letter-spacing:-.03em}.converter-explain p,.converter-supported p{font-size:12px;color:var(--muted);line-height:1.75}.converter-supported{border-top:1px solid var(--line);padding-top:22px}.converter-supported summary{font-size:13px;cursor:pointer}.converter-cover,.experiment-cover.converter{background:linear-gradient(130deg,#e9e1fa,#daeaf6);color:#76558f}.converter .experiment-object i{font-size:72px;font-style:normal}.converter .experiment-object b,.converter .experiment-object span{position:absolute;background:#fffc;padding:13px 20px;border-radius:15px;font-size:15px;box-shadow:0 10px 30px #a899c822}.converter .experiment-object b{transform:translate(-95px,-35px)}.converter .experiment-object span{transform:translate(95px,35px)}@keyframes converter-bob{50%{translate:0 -12px}}@keyframes converter-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes converter-pulse{50%{opacity:.4}}@media(max-width:850px){.converter-columns{grid-template-columns:1fr}.converter-settings{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.converter-settings>.eyebrow,.converter-quality-note,.converter-run,.converter-status,.converter-cancel{grid-column:1/-1}.converter-explain{gap:20px}.converter-categories button{flex:1;justify-content:center;padding:12px 7px}.conversion-result{grid-template-columns:130px minmax(0,1fr)}.result-download{grid-column:2;justify-self:start}.result-preview,.result-placeholder{height:125px;grid-row:1/3}}@media(max-width:600px){.converter-main{padding:50px 20px}.converter-intro{grid-template-columns:1fr;gap:0;margin-top:30px}.converter-intro h1{font-size:49px}.converter-orbit{display:none}.converter-intro p{font-size:14px}.converter-categories{padding:10px 6px;gap:0}.converter-categories button{flex-direction:column;gap:4px}.converter-categories button span{font-size:10px}.converter-input,.converter-settings{padding:18px}.converter-drop{min-height:220px}.converter-drop>span:not(.drop-symbol){font-size:10px}.converter-drop strong{font-size:15px}.converter-settings{gap:15px}.converter-results-head{align-items:flex-start;flex-direction:column;gap:5px}.converter-explain{grid-template-columns:1fr;gap:16px}.conversion-result{grid-template-columns:1fr;padding:17px;gap:10px}.result-preview,.result-placeholder{grid-row:auto;height:170px}.result-download{grid-column:1}.converter-workbench{border-radius:20px}.converter-badges span{font-size:9px}}@media(prefers-reduced-motion:reduce){.converter-orbit b,.orbit-label,.converter-file,.conversion-result,.converter-file[data-state=working] .file-icon{animation:none}.converter-drop,.converter-run,.converter-categories button{transition:none}}