.tool-main{max-width:850px;margin:50px auto 90px;padding:0 24px}.crumb{font-size:12px;color:#718078;text-decoration:none}.tool-intro{text-align:center;margin:38px auto 30px}.tool-intro .tool-icon{margin:auto}.tool-intro h1{font-size:43px;letter-spacing:-2px;margin:17px 0 9px}.tool-intro p{font-size:14px;color:#718078}.workspace{background:white;border:1px solid #e4eae5;box-shadow:0 15px 45px #20392b0a;border-radius:16px;padding:28px}.dropzone{border:1.5px dashed #bcd5c4;border-radius:12px;background:#f8fcf9;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{border-color:#27855c;background:#eff8f1}.upload-icon{width:44px;height:44px;border-radius:14px;background:#e5f2e8;color:#338257;display:grid;place-items:center;font-size:23px;margin-bottom:12px}.dropzone b{font:700 14px Manrope}.dropzone small{color:#89958d;font-size:11px;margin-top:7px}.dropzone .private{color:#488263;margin-top:15px}.file-list{margin:16px 0}.file-row{display:flex;align-items:center;gap:10px;border:1px solid #edf0ed;border-radius:8px;padding:9px 11px;margin-top:7px}.file-type{font-size:8px;color:#d36559;background:#fcebe9;padding:7px 5px;border-radius:4px;font-weight:800}.file-name{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:10px;color:#8b968f}.file-row button{border:0;background:none;color:#9aa49e;font-size:18px;cursor:pointer}.options{margin:18px 0}.options label{display:grid;gap:7px;font-size:11px;color:#5f6e65}.options input:not([type=range]),.options select{border:1px solid #dfe7e1;border-radius:7px;padding:10px;font:inherit;background:white}.options input[type=range]{accent-color:#16815f}.run{border:0;width:100%;background:#155e4b;color:#fff;border-radius:8px;padding:14px;font:600 13px 'DM Sans';cursor:pointer}.run:disabled{opacity:.45;cursor:not-allowed}.status{min-height:20px;text-align:center;font-size:11px;color:#558168;margin:12px 0 0}.tool-notice{text-align:center;color:#87938a;font-size:10px;margin-top:18px}.tool-notice span{color:#31815b;margin-right:4px}footer{margin-top:30px}@media(max-width:600px){.tool-main{margin:30px auto 60px;padding:0 16px}.tool-intro h1{font-size:35px}.workspace{padding:17px}.dropzone{min-height:165px}.file-size{display:none}footer{gap:10px}}
.dropzone{border-color:#b7d3f4;background:#f7fbff}.dropzone:hover,.dropzone.dragging{border-color:#0872eb;background:#edf7ff}.upload-icon{background:#e2f2ff;color:#0872eb}.dropzone .private{color:#1475ca}.options input[type=range]{accent-color:#0872eb}.run{background:linear-gradient(110deg,#0758e9,#087be9 58%,#16b8de)}.status{color:#246dba}.tool-notice span{color:#0872eb}

.seo-copy{max-width:760px;margin:30px auto 0;padding:30px 32px;background:#fff;border:1px solid #e1eaf4;border-radius:14px;color:#172943}.seo-copy h2{font:700 22px/1.35 Manrope,sans-serif;letter-spacing:-.5px;margin:0 0 10px}.seo-copy h3{font:700 15px Manrope;margin:24px 0 10px}.seo-copy p,.seo-copy li{font-size:13px;line-height:1.8;color:#5d6e81}.seo-copy ol{padding-left:21px}.seo-copy details{border-top:1px solid #e8eef5;padding:12px 0}.seo-copy summary{font-size:13px;font-weight:600;cursor:pointer;color:#20344e}.seo-copy details p{margin:8px 0 0}@media(max-width:600px){.seo-copy{padding:22px 18px;margin-top:20px}.seo-copy h2{font-size:19px}}

@media(max-width:600px){
  .tool-main{width:100%;margin:23px auto 45px;padding:0 14px}
  .crumb{display:inline-flex;min-height:40px;align-items:center;padding:7px 2px;font-size:13px}
  .tool-intro{margin:20px auto 22px;padding:0 4px}
  .tool-intro h1{font-size:clamp(31px,9vw,39px);letter-spacing:-1.5px;overflow-wrap:anywhere}
  .tool-intro p{font-size:14px;line-height:1.65}
  .workspace{padding:14px;border-radius:14px}
  .dropzone{min-height:175px;padding:18px 12px;text-align:center}
  .dropzone b{font-size:15px}
  .dropzone small{font-size:12px}
  .options{margin:16px 0}
  .options label{font-size:12px}
  .options input:not([type=range]),.options select{min-height:46px;font-size:16px}
  .options input[type=range]{width:100%;min-height:32px}
  .run{min-height:50px;font-size:14px}
  .file-row{gap:8px;padding:9px}
  .file-name{min-width:0}
  .file-row button{min-width:36px;min-height:36px}
  .tool-notice{font-size:11px;line-height:1.6;padding:0 8px}
  .seo-copy{padding:20px 16px}
  .seo-copy p,.seo-copy li{font-size:14px;line-height:1.7}
  .seo-copy summary{font-size:14px;line-height:1.5}
}
@media(max-width:360px){
  .tool-main{padding:0 11px}
  .workspace{padding:11px}
  .seo-copy{padding:18px 14px}
  .file-type{flex:none}
}

.downloads{display:grid;gap:9px;margin-top:14px}
.download-link{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 14px;border:1px solid #b8d6fb;border-radius:9px;background:#edf6ff;color:#075fe8;text-decoration:none;text-align:center;font-size:13px;font-weight:700;overflow-wrap:anywhere}
.download-link:hover{background:#e2f0ff;border-color:#7eb4f4}
@media(max-width:600px){.downloads{gap:10px;margin-top:12px}.download-link{min-height:50px;font-size:14px}}

.quality-control{gap:12px!important}
.quality-heading{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:#314765}
.quality-value{min-width:54px;padding:6px 10px;border:1px solid #cfe3fb;border-radius:9px;background:#edf6ff;color:#075fe8;text-align:center;font:700 15px Manrope,sans-serif}
.quality-slider{width:100%;height:8px;margin:7px 0 3px;border:0;border-radius:999px;appearance:none;-webkit-appearance:none;background:linear-gradient(90deg,#075fe8 0 var(--quality-fill,67%),#dce8f6 var(--quality-fill,67%) 100%);cursor:pointer}
.quality-slider::-webkit-slider-thumb{width:22px;height:22px;border:3px solid #fff;border-radius:50%;appearance:none;-webkit-appearance:none;background:linear-gradient(135deg,#075fe8,#22c8e5);box-shadow:0 2px 8px #075fe84a}
.quality-slider::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#075fe8,#22c8e5);box-shadow:0 2px 8px #075fe84a}
.quality-slider:focus-visible{outline:3px solid #93c8ff;outline-offset:5px}

/* Keep each conversion page focused and connect file selection, options and action. */
.tool-main{max-width:920px;margin:30px auto 76px}.crumb{min-height:34px;display:inline-flex;align-items:center;color:#52708f}.tool-intro{margin:18px auto 20px}.tool-intro .tool-icon{width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,#e9f4ff,#d9f0ff);color:#0872eb;font-size:23px;box-shadow:0 5px 14px rgba(7,95,232,.08)}.tool-intro h1{font-size:clamp(35px,4.5vw,43px);margin:12px 0 7px}.tool-intro p{font-size:15px;line-height:1.6;margin-bottom:0;color:#687d95}.workspace{padding:22px 26px 24px;border-color:#dce8f5;border-radius:18px;box-shadow:0 18px 48px rgba(27,67,113,.08);background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)}.workflow-steps{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto 18px;color:#7890a9;font-size:11px;font-weight:600}.workflow-steps span{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.workflow-steps b{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d4e2f1;border-radius:50%;background:#f5f9fe;color:#7088a1;font-size:11px}.workflow-steps .current{color:#075fe8}.workflow-steps .current b{border-color:#b8d7fb;background:#e8f3ff;color:#075fe8}.workflow-steps i{width:clamp(14px,5vw,58px);height:1px;background:#dce8f5}.dropzone{min-height:166px;border:1.5px dashed #a9cdf5;border-radius:15px;background:linear-gradient(145deg,#f8fbff,#f1f8ff);transition:border-color .2s,background .2s,transform .2s}.dropzone:hover,.dropzone.dragging{border-color:#0872eb;background:#eaf5ff;transform:translateY(-1px)}.upload-icon{width:48px;height:48px;border-radius:15px;margin-bottom:10px;background:linear-gradient(145deg,#e1f0ff,#d9f7fc);color:#0872eb}.dropzone b{font-size:15px;color:#203856}.dropzone small{font-size:12px}.dropzone .private{margin-top:12px}.file-list{margin:12px 0 2px}.file-row{border-color:#e4edf7;background:#fff}.options{margin:16px 0 14px}.options label{font-size:12px;font-weight:600;color:#425a76}.options input:not([type=range]),.options select{min-height:46px;border-color:#d7e4f2;border-radius:10px;color:#263d59;background:#fff}.run{min-height:49px;border-radius:11px;font-size:14px;box-shadow:0 7px 18px rgba(7,95,232,.16);transition:filter .2s,transform .2s,box-shadow .2s}.run:not(:disabled):hover{filter:saturate(1.1);transform:translateY(-1px);box-shadow:0 10px 22px rgba(7,95,232,.22)}.run:disabled{opacity:.56;box-shadow:none}.status{font-size:12px;color:#246dba}.tool-notice{margin-top:13px;color:#71869e;font-size:11px}.seo-copy{margin-top:24px}
@media(max-width:600px){.tool-main{margin:20px auto 52px}.tool-intro{margin:14px auto 17px}.tool-intro .tool-icon{width:44px;height:44px}.workspace{padding:15px 14px 17px;border-radius:15px}.workflow-steps{gap:7px;margin-bottom:13px;font-size:10px}.workflow-steps span{gap:5px}.workflow-steps b{width:21px;height:21px;font-size:10px}.workflow-steps i{width:clamp(6px,3vw,18px)}.dropzone{min-height:156px}.tool-notice{margin-top:11px}}
@media(max-width:360px){.workflow-steps{font-size:9px;gap:5px}.workflow-steps b{width:19px;height:19px}}
.tool-intro .tool-icon{display:grid;place-items:center;width:50px;height:50px;border:1px solid #cce3fb;border-radius:16px;background:linear-gradient(145deg,#eff7ff,#ddf6ff);color:#0872eb;box-shadow:0 7px 18px rgba(7,95,232,.10)}.tool-intro .tool-icon svg{display:block;width:31px;height:31px;overflow:visible}

.options label small{font-size:11px;line-height:1.5;color:#71869e;font-weight:400}

.number-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.number-options label{min-width:0}.option-note{margin:0 0 14px;color:#607895;font-size:12px;line-height:1.65}
@media(max-width:600px){.number-options{gap:11px}.number-options label{font-size:11px}}