.tagline-txt[data-astro-cid-snx4yjwq]{color:var(--clr-secondary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);letter-spacing:.08em;text-transform:uppercase}.wc-hero[data-astro-cid-snx4yjwq]{background:#e6e7ea;padding-block:var(--size-8);.breadcrumb{display:flex;align-items:center;gap:.6rem;color:var(--clr-primary-700);font-size:var(--fs-400);margin-block-end:var(--size-4);a{color:var(--clr-secondary-900);text-decoration:none;&:hover{text-decoration:underline}}}.hero-grid{display:grid;grid-template-columns:1fr 36rem;gap:var(--size-10);align-items:center}.hero-left{display:flex;flex-direction:column;gap:var(--size-3);.hero-cat{display:flex;align-items:center;gap:.5rem;color:var(--clr-primary-700);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);letter-spacing:.05em}h1{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-800);font-weight:var(--fw-bold);line-height:1.15;em{font-style:italic;color:var(--clr-secondary-900)}}.hero-desc{color:var(--clr-primary-700);font-size:var(--fs-500);line-height:var(--lh-400)}.trust-strip{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-2);margin-block-start:var(--size-1);.trust-item{display:flex;align-items:flex-start;gap:.8rem;background:#fff;border-radius:var(--border-radius-btn);padding:1rem 1.2rem;.trust-icon{width:2.8rem;height:2.8rem;min-width:2.8rem;border-radius:50%;background:#af8d5a1f;color:var(--clr-secondary-900);display:flex;align-items:center;justify-content:center}.trust-label{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold)}.trust-sub{color:var(--clr-primary-700);font-size:var(--fs-300)}}}}.hero-right{.stat-card{background:var(--clr-primary-900);border-radius:var(--border-radius-card);padding:var(--size-4);display:flex;flex-direction:column;gap:var(--size-2);.stat-row{display:flex;align-items:flex-start;gap:var(--size-2);.stat-icon{width:3.6rem;height:3.6rem;min-width:3.6rem;border-radius:50%;background:#af8d5a26;display:flex;align-items:center;justify-content:center;color:var(--clr-secondary-900)}.stat-val{color:#fff;font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold)}.stat-lbl{color:#fff9;font-size:var(--fs-300)}}.stat-div{border:none;border-top:1px solid rgba(255,255,255,.1)}}}@media(width<=1024px){.hero-grid{grid-template-columns:1fr;gap:var(--size-6)}.hero-left h1{font-size:var(--fs-700)}}@media(width<=600px){.hero-left .trust-strip{grid-template-columns:1fr}}@media(width<=768px){padding-block:var(--size-6)}}.wc-tool[data-astro-cid-snx4yjwq]{background:#fff;padding-block:var(--size-8);.tool-layout{display:grid;grid-template-columns:1fr 36rem;gap:var(--size-6);align-items:start}.converter-card{background:var(--clr-primary-100);border-radius:var(--border-radius-card);padding:var(--size-4);display:flex;flex-direction:column;gap:var(--size-3);.privacy-note{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:var(--lh-400);strong{color:var(--clr-primary-900)}}.drop-zone{background:#fff;border:2px dashed rgba(0,0,0,.15);border-radius:var(--border-radius-card);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.8rem;padding:var(--size-5) var(--size-4);text-align:center;transition:border-color .2s,background .2s;&:hover,&.dz--drag{border-color:var(--clr-secondary-900);background:#af8d5a0a}.file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.dz-icon{width:5.6rem;height:5.6rem;border-radius:var(--border-radius-card);background:#af8d5a1f;display:flex;align-items:center;justify-content:center;color:var(--clr-secondary-900)}.dz-title{color:var(--clr-primary-900);font-size:var(--fs-500);font-weight:var(--fw-semi-bold)}.dz-sub{color:var(--clr-primary-700);font-size:var(--fs-400)}.dz-pick-btn{background:var(--clr-primary-900);border-radius:var(--border-radius-btn);color:#fff;font-size:var(--fs-400);font-weight:var(--fw-semi-bold);padding:.9rem 2rem;pointer-events:none}.dz-formats{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center;.fmt-badge{background:var(--clr-primary-100);border:1px solid rgba(0,0,0,.12);border-radius:99px;color:var(--clr-primary-700);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);padding:.3rem .8rem;&.fmt-badge--webp{background:#af8d5a1f;border-color:#af8d5a4d;color:var(--clr-secondary-900)}}}}.fi-item{display:flex;align-items:center;gap:var(--size-2);background:#fff;border-radius:var(--border-radius-btn);padding:.8rem 1.2rem;margin-block-end:.4rem}.fi-thumb{width:4rem;height:4rem;min-width:4rem;border-radius:.4rem;overflow:hidden;background:var(--clr-primary-100);img{display:block;width:100%;height:100%;object-fit:cover}}.fi-info{flex:1;min-width:0}.fi-name{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fi-size{color:var(--clr-primary-700);font-size:var(--fs-300)}.fi-status{display:flex;align-items:center;gap:.4rem;font-size:var(--fs-300);color:var(--clr-primary-700);white-space:nowrap;&[data-row-status=done]{color:#27ae60}&[data-row-status=fail]{color:#c0392b}&[data-row-status=processing]{color:var(--clr-secondary-900)}}.fi-remove{background:none;border:none;color:var(--clr-primary-700);cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s;&:hover{color:#c0392b;background:#c0392b14}}.result-status{border-radius:var(--border-radius-btn);display:flex;align-items:center;gap:.6rem;font-size:var(--fs-400);padding:1rem 1.4rem;&[data-state=success]{background:#27ae601a;color:#27ae60}&[data-state=error]{background:#c0392b1a;color:#c0392b}&[data-state=processing]{background:#af8d5a1a;color:var(--clr-secondary-900)}}.settings-panel{.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-2);.setting-group{display:flex;flex-direction:column;gap:.6rem}.setting-full{grid-column:1 / -1}.setting-label{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);display:flex;align-items:center;justify-content:space-between}.setting-sub{color:var(--clr-primary-700);font-size:var(--fs-300);font-weight:var(--fw-regular)}.slider-wrap{display:flex;align-items:center;gap:var(--size-2);.qual-slider{flex:1;accent-color:var(--clr-secondary-900);height:.4rem}.slider-val{color:var(--clr-primary-900);font-size:var(--fs-500);font-weight:var(--fw-bold);min-width:3rem;text-align:right}}.limits-hint{color:var(--clr-primary-700);font-size:var(--fs-300)}.tip-inline{display:flex;align-items:flex-start;gap:.8rem;background:#af8d5a1a;border-radius:var(--border-radius-btn);border-left:3px solid var(--clr-secondary-900);color:var(--clr-primary-900);font-size:var(--fs-400);line-height:var(--lh-400);padding:1rem 1.2rem;svg{color:var(--clr-secondary-900)}strong{font-weight:var(--fw-bold)}}.input-field{border:1px solid rgba(0,0,0,.15);border-radius:var(--border-radius-btn);color:var(--clr-primary-900);font-family:var(--ff-base);font-size:var(--fs-400);outline:none;padding:.9rem 1.2rem;transition:border-color .2s;width:100%;&:focus{border-color:var(--clr-secondary-900)}&::placeholder{color:#0000004d}}.checkbox-row{display:flex;align-items:center;gap:.6rem;color:var(--clr-primary-900);font-size:var(--fs-400);cursor:pointer;input{accent-color:var(--clr-secondary-900)}}}}.action-bar{display:flex;align-items:center;gap:var(--size-2);flex-wrap:wrap;.btn-convert{background:var(--clr-secondary-900);border:none;border-radius:var(--border-radius-btn);color:#fff;cursor:pointer;display:flex;align-items:center;gap:.6rem;font-family:var(--ff-base);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);padding:1.2rem 2rem;transition:opacity .2s;&:hover:not(:disabled){opacity:.9}&:disabled{cursor:not-allowed;opacity:.4}}.btn-clear{background:none;border:1px solid rgba(0,0,0,.15);border-radius:var(--border-radius-btn);color:var(--clr-primary-700);cursor:pointer;display:flex;align-items:center;gap:.5rem;font-family:var(--ff-base);font-size:var(--fs-400);padding:1.2rem 1.6rem;transition:border-color .2s,color .2s;&:hover{border-color:#c0392b;color:#c0392b}&:disabled{opacity:.4;cursor:not-allowed}}}}.tool-sidebar{display:flex;flex-direction:column;gap:var(--size-3);position:sticky;top:9.6rem;.how-card{background:var(--clr-primary-100);border-radius:var(--border-radius-card);padding:var(--size-3);.how-title{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-500);font-weight:var(--fw-bold);margin-block-end:var(--size-2)}.how-steps{display:flex;flex-direction:column;gap:var(--size-2);.how-step{display:flex;gap:var(--size-2);.how-num{width:2.4rem;height:2.4rem;min-width:2.4rem;border-radius:50%;background:var(--clr-primary-900);color:#fff;font-size:var(--fs-300);font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;flex-shrink:0}.how-step-text{color:var(--clr-primary-700);font-size:var(--fs-400);line-height:var(--lh-400);strong{color:var(--clr-primary-900);display:block;font-weight:var(--fw-semi-bold);margin-block-end:.2rem}}}}}.faq-card{background:var(--clr-primary-100);border-radius:var(--border-radius-card);overflow:hidden;.faq-item{border-bottom:1px solid rgba(0,0,0,.07);&:last-child{border-bottom:none}}.faq-q{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;gap:var(--size-2);padding:var(--size-2) var(--size-3);text-align:left;width:100%;.faq-q-text{color:var(--clr-primary-900);font-family:var(--ff-base);font-size:var(--fs-400);font-weight:var(--fw-semi-bold)}.faq-chevron{color:var(--clr-primary-700);flex-shrink:0;transition:transform .2s}}.webp-faq-open .faq-q .faq-chevron{transform:rotate(180deg)}.faq-answer{color:var(--clr-primary-700);font-size:var(--fs-400);line-height:var(--lh-400);max-height:0;overflow:hidden;padding-inline:var(--size-3);transition:max-height .25s ease,padding .25s}.webp-faq-open .faq-answer{max-height:20rem;padding-block:var(--size-1) var(--size-2)}}.sidebar-cta-card{background:var(--clr-primary-900);border-radius:var(--border-radius-card);padding:var(--size-3);display:flex;flex-direction:column;gap:var(--size-2);.scc-label{background:#af8d5a33;border:1px solid rgba(175,141,90,.3);border-radius:99px;color:var(--clr-secondary-800);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);letter-spacing:.05em;padding:.4rem 1rem;width:fit-content}.scc-title{color:#fff;font-family:var(--ff-header);font-size:var(--fs-500);font-weight:var(--fw-bold);line-height:1.3}.scc-desc{color:#ffffffa6;font-size:var(--fs-400);line-height:var(--lh-400)}.scc-trust{color:#fff6;font-size:var(--fs-300);text-align:center}}}@media(width<=1100px){.tool-layout{grid-template-columns:1fr}.tool-sidebar{position:static}}@media(width<=768px){padding-block:var(--size-6)}}.vena-section[data-astro-cid-snx4yjwq]{background:#e6e7ea;padding-block:var(--size-10);.vena-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--size-2);margin-block-end:var(--size-8);h2{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-800);font-weight:var(--fw-bold);line-height:1.2}.vena-desc{color:var(--clr-primary-700);font-size:var(--fs-500);line-height:var(--lh-400);max-width:52ch}}.vena-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--size-4);margin-block-end:var(--size-8);.vena-card{background:#fff;border-radius:var(--border-radius-card);overflow:hidden;.vena-img{aspect-ratio:16 / 7;display:flex;align-items:center;justify-content:center;position:relative;&.vena-img--orig{background:#f0ece6}&.vena-img--webp{background:#af8d5a14}.vena-lbl{position:absolute;top:1rem;left:1rem;background:#0000008c;border-radius:99px;color:#fff;font-size:var(--fs-300);font-weight:var(--fw-semi-bold);padding:.3rem .9rem;&.vena-lbl--gold{background:#af8d5acc}}}.vena-body{padding:var(--size-3);.vena-title{color:var(--clr-primary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);margin-block-end:var(--size-2)}.vena-bars{display:flex;flex-direction:column;gap:var(--size-1);.bar-row{display:flex;align-items:center;gap:var(--size-1);.bar-name{color:var(--clr-primary-700);font-size:var(--fs-300);width:10rem;flex-shrink:0}.bar-track{flex:1;height:.8rem;background:#00000014;border-radius:99px;overflow:hidden;.bar-fill{height:100%;border-radius:99px}}.bar-val{font-size:var(--fs-300);font-weight:var(--fw-bold);min-width:4rem;text-align:right}}}}}}.chart-wrap{background:#fff;border-radius:var(--border-radius-card);padding:var(--size-4);.chart-title{color:var(--clr-primary-700);font-size:var(--fs-400);margin-block-end:var(--size-4)}.chart-bars{display:flex;gap:var(--size-4);height:14rem;align-items:flex-end;.chart-group{flex:1;display:flex;flex-direction:column;gap:.6rem;align-items:center;height:100%;justify-content:flex-end;.chart-bar-pair{display:flex;gap:.4rem;align-items:flex-end;width:100%;.chart-bar{flex:1;border-radius:.3rem .3rem 0 0;min-height:.4rem;transition:height .4s;&.chart-bar--orig{background:#e8e0d6}&.chart-bar--webp{background:var(--clr-secondary-900)}}}.chart-lbl{color:var(--clr-primary-700);font-size:var(--fs-300);text-align:center}}}.chart-legend{display:flex;gap:var(--size-4);margin-block-start:var(--size-3);.legend-item{display:flex;align-items:center;gap:.5rem;color:var(--clr-primary-700);font-size:var(--fs-300);.legend-dot{width:1rem;height:1rem;border-radius:50%;flex-shrink:0}}}}@media(width<=768px){padding-block:var(--size-8);.vena-header h2{font-size:var(--fs-700)}.vena-grid{grid-template-columns:1fr}.chart-bars{gap:var(--size-2)}}}.formats-section[data-astro-cid-snx4yjwq]{background:#fff;padding-block:var(--size-10);.formats-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--size-2);margin-block-end:var(--size-8);h2{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-800);font-weight:var(--fw-bold);line-height:1.2}.formats-desc{color:var(--clr-primary-700);font-size:var(--fs-500);line-height:var(--lh-400);max-width:52ch}}.formats-table{border:1px solid rgba(0,0,0,.08);border-radius:var(--border-radius-card);overflow:hidden;.ft-head{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr;gap:0;background:var(--clr-primary-900);div{color:#ffffffb3;font-size:var(--fs-300);font-weight:var(--fw-semi-bold);letter-spacing:.05em;padding:1rem 1.4rem;text-transform:uppercase}}.ft-row{display:grid;grid-template-columns:2fr 1.5fr 1.5fr 1fr;border-bottom:1px solid rgba(0,0,0,.06);transition:background .15s;&:last-child{border-bottom:none}&:hover{background:var(--clr-primary-100)}.ft-cell{color:var(--clr-primary-700);font-size:var(--fs-400);padding:1.2rem 1.4rem;&.ft-cell--type{color:var(--clr-primary-900);font-weight:var(--fw-semi-bold)}&.ft-cell--max{color:var(--clr-secondary-900);font-weight:var(--fw-semi-bold)}}}}@media(width<=768px){padding-block:var(--size-8);.formats-header h2{font-size:var(--fs-700)}.formats-table{.ft-head{grid-template-columns:1fr 1fr;div:nth-child(n+3){display:none}}.ft-row{grid-template-columns:1fr 1fr;.ft-cell:nth-child(n+3){display:none}}}}}.wc-cta[data-astro-cid-snx4yjwq]{background:var(--clr-primary-900);padding-block:var(--size-10);.cta-card{max-width:76rem;margin-inline:auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--size-3);h2{color:#fff;font-family:var(--ff-header);font-size:var(--fs-800);font-weight:var(--fw-bold);line-height:1.2}p{color:#ffffffb3;font-size:var(--fs-500);line-height:var(--lh-400);max-width:52ch}.cta-btns{display:flex;gap:var(--size-2);flex-wrap:wrap;justify-content:center;margin-block-start:var(--size-1)}}@media(width<=768px){padding-block:var(--size-8);.cta-card h2{font-size:var(--fs-700)}}}