.compressor{--cg:var(--green-5);--cl:var(--sage-9);--cm:var(--sage-22);padding-bottom:55px}.compressor button,.compressor input,.compressor select{font:inherit}.compressor-intro{justify-content:space-between;align-items:end;gap:25px;padding:24px 0;display:flex}.compressor-intro>div>span,.compressor-intro>small{color:var(--olive-17);letter-spacing:1.2px;align-items:center;gap:7px;font-size:12px;display:flex}.compressor-intro svg{width:14px}.compressor-intro h1{letter-spacing:-2px;margin:0 0 7px;font-size:42px}.compressor-intro p{color:var(--cm);margin:0;font-size:14px}.compressor-ad{width:min(100%,728px);margin:0 auto 28px}@media (width<=849px){.compressor-ad{width:min(100%,320px);margin-bottom:14px}.compressor:has(.compressor-ad) .compressor-intro{gap:12px;padding:22px 0 18px}}.upload-wrap{padding:24px}.compressor-dropzone{border:1.5px dashed var(--olive-9);background:var(--sage-2);width:100%;min-height:250px;color:var(--sage-27);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.compressor-dropzone:hover,.compressor-dropzone.drag{background:var(--olive-2);border-color:var(--olive-13)}.compressor-dropzone>svg{background:var(--olive-3);width:51px;height:51px;color:var(--olive-16);border-radius:15px;margin-bottom:7px;padding:14px}.compressor-dropzone strong{font:650 18px var(--font-heading)}.compressor-dropzone span,.compressor-dropzone small{color:var(--sage-22);font-size:12px}.compressor-dropzone b{color:var(--on-solid);background:var(--solid-green-5);border-radius:7px;margin:8px;padding:10px 17px;font-size:13px}.compressor-message{color:var(--amber-13);background:var(--amber-1);border:1px solid var(--amber-4);border-radius:8px;padding:10px 13px;font-size:13px}.compressor-defaults{color:var(--cm);text-align:center;margin:20px 0;font-size:12px}.tool-support{margin:26px 0 0}.tool-support-overview{border:1px solid var(--cl);background:var(--sage-1);border-radius:14px;grid-template-columns:minmax(0,1fr);display:grid;overflow:hidden}.tool-support-overview.has-notes{grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr)}.tool-support-how,.tool-support-notes{overflow-wrap:anywhere;min-width:0;padding:22px 24px}.tool-support-eyebrow{color:var(--cg);letter-spacing:.09em;text-transform:uppercase;margin-bottom:7px;font-size:10px;font-weight:750;display:block}.tool-support h2{font:600 19px var(--font-heading);margin:0}.tool-support-steps{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin:18px 0 0;padding:0;list-style:none;display:grid}.tool-support-steps li{color:var(--cm);grid-template-columns:26px minmax(0,1fr);align-items:start;gap:9px;font-size:13px;line-height:1.55;display:grid}.tool-support-steps li>span{background:var(--olive-4);width:24px;height:24px;color:var(--cg);border-radius:50%;place-items:center;font-size:11px;font-weight:750;display:grid}.tool-support-notes{border-left:1px solid var(--cl);background:var(--sage-5)}.tool-support-notes h2{font-size:16px}.tool-support-notes ul{margin:13px 0 0;padding-left:18px}.tool-support-notes li{color:var(--cm);padding:3px 0;font-size:13px;line-height:1.6}.tool-support-disclosures{border-top:1px solid var(--cl);margin-top:14px}.tool-support-disclosures>details{border-bottom:1px solid var(--cl)}.tool-support-disclosures>details>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:8px 2px;list-style:none;display:flex}.tool-support-disclosures>details>summary::-webkit-details-marker{display:none}.tool-support-disclosures>details>summary>span:last-child{color:var(--cm);white-space:nowrap;font-size:13px}.tool-support-disclosures>details>summary b{color:var(--cg);margin-left:8px;font-size:17px;transition:transform .2s;display:inline-block}.tool-support-disclosures>details[open]>summary b,.tool-support-extra[open]>summary>span:last-child{transform:rotate(45deg)}.tool-support-extra>summary>span:first-child{font-size:13px;font-weight:650}.tool-support-extra>summary>span:last-child{color:var(--cg);font-size:17px;transition:transform .2s}.tool-support-extra-body{padding:2px 0 20px}.tool-support-extra-body p,.tool-support-extra-body li{color:var(--cm);font-size:13px;line-height:1.65}.tool-support-extra-body h3{font:600 14px var(--font-heading);margin:18px 0 7px}.tool-support-extra-body ul{padding-left:20px}.tool-support-faq>summary small{color:var(--cm);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px;font-size:11px;font-weight:650;display:block}.tool-support-faq>summary h2{font-size:16px}.tool-support-faq-list{padding:0 0 8px 26px}.tool-support-faq-list details{border-top:1px solid var(--sage-7)}.tool-support-faq-list summary{cursor:pointer;padding:13px 0;font-size:13px;font-weight:650}.tool-support-faq-list p{max-width:760px;color:var(--cm);margin:-2px 0 15px;font-size:13px;line-height:1.65}.tool-loading-workspace{border:1px solid var(--cl);background:var(--sage-1);min-height:300px;box-shadow:0 7px 28px var(--shadow-2);border-radius:18px;grid-template-columns:1fr 350px;display:grid;overflow:hidden}.tool-loading-dropzone{border:1.5px dashed var(--sage-12);background:var(--sage-2);border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:13px;margin:24px;display:flex}.tool-loading-dropzone>span:first-child{background:var(--sage-7);border-radius:15px;width:50px;height:50px}.tool-loading-options{border-left:1px solid var(--sage-6);background:var(--sage-1);flex-direction:column;gap:15px;padding:28px 24px;display:flex}.tool-loading-line,.tool-loading-block{background:linear-gradient(90deg, var(--sage-6) 20%, var(--sage-3) 50%, var(--sage-6) 80%);background-size:220% 100%;border-radius:7px;animation:1.35s ease-in-out infinite tool-loading;display:block}.tool-loading-line{width:58%;height:12px}.tool-loading-line.is-wide{width:38%;height:18px}.tool-loading-line.is-short{width:34%}.tool-loading-block{width:100%;height:54px}@keyframes tool-loading{to{background-position:-220% 0}}@media (width<=700px){.compressor-intro{padding-top:18px}.compressor-intro h1{font-size:36px}.compressor-dropzone{min-height:228px}.tool-loading-workspace{grid-template-columns:1fr}.tool-loading-options{border-left:0;border-top:1px solid var(--sage-6)}}@media (prefers-reduced-motion:reduce){.tool-loading-line,.tool-loading-block{animation:none}}@media (width<=760px){.compressor-intro{flex-direction:column;align-items:start}.compressor-intro h1{font-size:35px}.compressor-dropzone{min-height:230px}.tool-support-overview.has-notes{grid-template-columns:minmax(0,1fr)}.tool-support-how,.tool-support-notes{padding:19px 18px}.tool-support-notes{border-top:1px solid var(--cl);border-left:0}.tool-support-steps{grid-template-columns:minmax(0,1fr);gap:12px}.tool-support-faq-list{padding-left:12px}}@media (width<=460px){.upload-wrap{padding:16px}}@media (width<=760px){.compressor-intro{gap:10px;padding:18px 0}.compressor:has(.compressor-ad) .compressor-intro{gap:10px;padding:18px 0}.compressor-intro>small{letter-spacing:0}}.compressor input[type=range]{accent-color:var(--cg)}.direction-article{border:1px solid var(--cl);background:var(--sage-1);border-radius:14px;margin:26px 0 0;padding:20px 24px 0}.direction-article>h2{font:600 19px var(--font-heading);margin:0}.direction-article h3{font:600 16px var(--font-heading);margin:22px 0 8px}.direction-article p,.direction-article li,.direction-article dd{color:var(--cm);font-size:12px;line-height:1.65}.direction-article .direction-intro{color:var(--sage-23);margin:8px 0 18px;font-size:13px}.direction-details{border-top:1px solid var(--cl)}.direction-details>summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;font-size:13px;font-weight:650;list-style:none;display:flex}.direction-details>summary::-webkit-details-marker{display:none}.direction-details>summary span:last-child{color:var(--cg);font-size:17px;transition:transform .2s}.direction-details[open]>summary span:last-child{transform:rotate(45deg)}.direction-details-body{padding:0 0 20px}.direction-article dl{margin:0}.direction-article dt{margin-top:12px;font-size:13px;font-weight:650}.direction-article dd{color:var(--cm);margin:4px 0 0;font-size:13px;line-height:1.7}.direction-links{border-top:1px solid var(--cl);padding:22px 0 6px;font-size:13px}.direction-links strong{margin-bottom:8px;display:block}.direction-links ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.direction-links a{border:1px solid var(--cl);background:var(--sage-1);color:var(--cg);border-radius:999px;align-items:center;gap:4px;padding:7px 11px;display:inline-flex}.direction-links a:hover{background:var(--olive-3)}.direction-back{margin:8px 0 0;font-size:13px}.direction-back a{color:var(--cg);text-decoration:underline}
