.compression-error{white-space:pre-line}.compression-workspace{scroll-margin-top:85px;display:grid;grid-template-columns:minmax(0,1fr) 390px;margin-top:30px;background:#f5f5f8;border-block:1px solid #e9e9ed}.compression-workspace[hidden]{display:none}.compression-files{min-width:0;padding:30px 34px}.compression-work-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.compression-work-heading span{font-size:10px;letter-spacing:1.6px;color:#728879}.compression-work-heading h2{font-size:23px;margin:9px 0;color:#24342c}.compression-work-heading p{font-size:12px;color:#768b7e;margin:0}.compression-add{position:relative;border:0;background:#191d1b;color:#fff;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.compression-add small{position:absolute;right:-2px;top:-4px;display:grid;place-items:center;background:#e95674;color:#fff;width:22px;height:22px;border-radius:50%;border:2px solid white;font-size:10px}.compression-file-tabs{display:flex;gap:12px;overflow:auto;padding:3px 3px 13px}.compression-file-tabs article{position:relative;flex:0 0 145px;min-width:0;background:#fff;border:1px solid #e4e7e6;border-radius:10px;padding:9px}.compression-file-tabs article.active{border-color:#119678;box-shadow:0 0 0 2px #11967812}.compression-file-tabs article>button:first-child{width:100%;background:transparent;border:0;padding:0;text-align:left;color:#385345}.compression-file-tabs img{display:block;height:135px;width:100%;object-fit:contain;background:#f7f7f8;border-radius:5px}.compression-file-tabs strong{display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:9px 0 4px}.compression-file-tabs small{font-size:9px;color:#839085;line-height:1.5}.compression-file-tabs p{color:#ae334c;font-size:10px;line-height:1.4;overflow-wrap:anywhere}.compression-remove{display:grid;place-items:center;min-width:36px;min-height:36px;border:0;border-radius:7px;background:#fff2f2;color:#bd4c57;margin:6px 0 0 auto}.compression-progress{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:13px;line-height:1.5;background:#edf9f4;border-radius:8px;padding:13px;color:#437057}.compression-progress button{margin-left:auto;background:#fff;border:1px solid #d4e5db;border-radius:7px;padding:8px 12px;color:#3b6a4f}.compression-settings{border-left:1px solid #e6e8e7;background:#fff;padding:30px 28px;min-width:0}.compression-settings h2{font-size:25px;color:#25372b;margin:0 0 25px}.compression-mode-tabs{display:flex;background:#f6f6f7;padding:4px;gap:3px;border-radius:10px;margin-bottom:25px}.compression-mode-tabs button{flex:1;background:transparent;border:0;border-radius:7px;font-size:11px;padding:10px 6px;color:#62786a;min-height:42px}.compression-mode-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 2px 5px #14342b0f;color:#135f48;font-weight:600}.compression-option-box{background:#fcfafb;border:1px solid #ecdfe4;border-radius:14px;padding:20px}.compression-option-box>svg{color:#dc5171}.compression-option-box h3{font-size:17px;margin:12px 0 9px;color:#333f37}.compression-option-box p{font-size:12px;line-height:1.65;color:#7c817d;margin:0 0 24px}.compression-settings label{display:block;font-size:13px;font-weight:600;color:#394e40;margin:0 0 18px}.compression-settings label select{margin:9px 0 0;display:block;width:100%;min-height:44px;border:1px solid #dde4df;background:#fff;border-radius:9px;font-size:12px;padding:10px 9px;color:#38523f}.compression-option-box label{margin:0}.compression-levels{display:flex;flex-direction:column;gap:10px}.compression-levels button{border:1px solid #e5e6e9;border-radius:12px;background:#fff;padding:18px 14px;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#4e564f}.compression-levels button[aria-pressed=true]{background:#f9f0f3;border-color:#daa5b3}.compression-levels strong{font-size:13px;display:block}.compression-levels small{font-size:10px;display:block;color:#848584;margin-top:7px;line-height:1.5}.compression-levels svg{color:#bb4b6c;flex-shrink:0}.compression-advanced>small{display:block;font-size:11px;line-height:1.6;color:#7a877d}.compression-privacy-note{display:flex;align-items:flex-start;gap:7px;font-size:11px;line-height:1.7;color:#819087;margin:24px 0}.compression-privacy-note svg{color:#009b79;flex-shrink:0;margin-top:2px}.compression-action{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;min-height:49px;border:0;border-radius:11px;background:linear-gradient(135deg,#bb3656,#ae244c);color:#fff;font-size:13px;font-weight:600;box-shadow:0 4px 10px #b8345525}.compression-action:hover{background:linear-gradient(135deg,#ae244c,#8e244e)}.compression-reset,.compression-secondary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:100%;margin-top:12px;border:1px solid #637466;border-radius:10px;background:#fff;color:#415b47;font-size:12px}.compression-secondary{background:#f5f5f7;border-color:#f5f5f7}.compression-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #e3e7e4;padding-top:19px;margin:14px 0 22px;font-size:12px;color:#708075}.compression-preview-toolbar label{display:flex;align-items:center;gap:9px}.compression-preview-toolbar select{border:1px solid #dae2dc;border-radius:8px;padding:9px;min-height:42px;background:#fff;color:#536558}.compression-preview-toolbar>div{display:flex;align-items:center;gap:12px}.compression-preview-toolbar button{min-width:38px;min-height:42px;background:#fff;border:1px solid #e3e7e5;border-radius:8px;display:grid;place-items:center;color:#718575}.compression-preview{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:100%;max-width:480px;height:clamp(240px,50svh,460px);margin:0 auto;padding:12px;background:#eceef0;border:1px solid #e0e3e2;border-radius:10px;box-shadow:0 5px 20px #33483807;overflow:hidden}.compression-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:#fff;box-shadow:0 2px 10px #26372c15}.compression-preview-loading{text-align:center;font-size:12px;color:#6e8677}.compression-completed{display:flex;align-items:center;gap:12px;margin-bottom:25px;color:#009a7c}.compression-completed h2{margin:0}.compression-output-name{font-size:15px;overflow-wrap:anywhere;color:#334936}.compression-sizes{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 0;font-size:17px;color:#2c5739}.compression-sizes small{display:block;font-size:10px;color:#8a958c;margin-bottom:7px}.compression-sizes>svg{color:#9ba69d}.compression-saving{display:block;background:#ebf8f0;border-radius:8px;padding:11px;font-size:12px;color:#286a45;margin:0 0 22px}.compression-target-warning{font-size:12px;line-height:1.6;border:1px solid #eed9a8;background:#fff8e7;color:#836015;border-radius:10px;padding:13px;margin:0 0 20px}.compression-result-note{font-size:11px;line-height:1.65;color:#849088;margin:24px 0}.compression-continue{margin-top:25px}.compression-continue h3{font-size:14px;color:#36543f}.compression-continue button{display:flex;align-items:center;gap:9px;width:100%;min-height:43px;background:#f4f5f6;border:0;border-radius:8px;text-align:left;padding:10px 13px;margin:6px 0;color:#4c6856;font-size:12px}.compression-continue button svg:last-child{margin-left:auto}.compression-continue button svg:first-child{color:#3f90bf}.compression-app button:disabled{opacity:.45;cursor:not-allowed}.compression-app :is(button,a,select):focus-visible{outline:2px solid #ce4c77;outline-offset:3px}@media(max-width:1050px){.compression-workspace{grid-template-columns:minmax(0,1fr) 340px}.compression-files{padding:26px 22px}.compression-settings{padding:27px 22px}.compression-work-heading h2{font-size:20px}}@media(max-width:760px){.compression-workspace{grid-template-columns:1fr}.compression-files{padding:25px 18px}.compression-settings{border-left:0;border-top:1px solid #e4e7e6;padding:28px 22px}.compression-work-heading h2{font-size:18px;line-height:1.4}.compression-preview-toolbar{flex-wrap:wrap}.compression-preview-toolbar>div{margin-left:auto}.compression-file-tabs article{flex-basis:135px}.compression-remove{min-width:44px;min-height:44px}}.compression-target-result{font-size:13px;line-height:1.8;padding:12px;border-radius:9px;margin:0 0 14px;overflow-wrap:anywhere}.compression-target-result.target-fit{color:#1d684a;background:#edf8ef;border:1px solid #cae5cf}.compression-target-result.target-missed{color:#805c19;background:#fff8e7;border:1px solid #eed9a8}.compression-selected-quality{font-size:11px;line-height:1.7;color:#617765;margin:0 0 14px}.compression-app main{background-color:#f8f8fd;background-image:radial-gradient(#dcd9f0 .7px,transparent .7px);background-size:13px 13px}.compression-new-hero{max-width:1120px;margin:auto;padding:26px 28px 55px;scroll-margin-top:90px;color:#242139}.compression-hero-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:start}.compression-eyebrow{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#66539f}.compression-new-hero h1{font:800 clamp(32px,3.6vw,46px)/1.19 Manrope,sans-serif;letter-spacing:-1.5px;margin:15px 0 16px;max-width:420px}.compression-new-hero h1 mark{background:#ddd5ff;border-radius:5px;color:inherit;padding:0 4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.compression-hero-grid>div>p{font-size:14px;line-height:1.85;color:#625e72;margin:0 0 22px;max-width:430px}.compression-target-controls label{display:block;font-size:12px;font-weight:600;color:#393447}.compression-size-row{display:flex;gap:8px;margin-top:8px;min-width:0}.compression-size-row>input{width:100%;min-width:0;flex:1;border:1px solid #e2dfed;border-radius:11px;background:#fff;padding:12px 14px;font-family:inherit;color:#302842;min-height:46px;font-size:16px}.compression-size-row>input[aria-invalid=true]{border-color:#b33948}.compression-size-row>div{display:flex;border:1px solid #e3dff0;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f0eef8}.compression-size-row button{min-width:45px;min-height:44px;background:transparent;color:#615b72;border:0;font-size:12px;font-weight:700}.compression-size-row button[aria-pressed=true]{background:#6946e8;color:#fff}.compression-quick-sizes{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 18px}.compression-quick-sizes button{border:1px solid #e4e0ef;background:#fff;color:#5b536d;border-radius:20px;font-size:10px;min-height:34px;padding:7px 12px}.compression-target-controls fieldset{margin:0;border:1px solid #e3deef;background:#fff;border-radius:12px;padding:15px}.compression-target-controls legend{font-size:11px;font-weight:700;padding:0 5px;color:#43394f}.compression-strategy{display:flex;gap:5px;background:#f4f2fa;border-radius:20px;padding:3px}.compression-strategy button{flex:1;border:1px solid transparent;min-height:36px;border-radius:20px;background:transparent;font-size:12px;font-weight:600;color:#5e566f}.compression-strategy button[aria-pressed=true]{background:#faf8ff;border-color:#9473ff;color:#5b36c2}.compression-target-controls fieldset p{font-size:11px;line-height:1.8;color:#625a70;margin:12px 0 0}.compression-size-error{color:#a32c3c;font-size:12px;line-height:1.6}.compression-hero-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:#5e586c}.compression-hero-trust span{display:flex;align-items:center;gap:5px}.compression-hero-trust svg{color:#18775b}.compression-upload-card{background:#fff;border:2px solid #9d83ff;border-radius:19px;box-shadow:0 13px 35px #6452a01a;overflow:hidden;margin-top:6px}.compression-upload-card>button{border:0;background:transparent;width:100%;min-height:285px;padding:35px 22px 22px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;color:#272239;font-family:inherit}.compression-upload-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:17px;background:#8462f3;color:#fff;box-shadow:0 5px 18px #8462f32b}.compression-upload-card strong{font-size:18px;line-height:1.5;text-align:center;max-width:340px}.compression-upload-card button>span:not(.compression-upload-icon){font-size:11px;color:#625c71;text-align:center;line-height:1.8}.compression-upload-card button>b{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 19px;border-radius:25px;background:#6946e8;color:#fff;font-size:12px}.compression-upload-card>small{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;line-height:1.7;color:#5c526e;background:#fbfaff;border-top:1px solid #f0ecfb;padding:13px 16px;text-align:center}.compression-new-content{max-width:1120px;margin:auto;padding:0 28px 50px;color:#272338}.compression-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e7e3f0;background:#fff;border-radius:15px;padding:28px 15px;margin:12px 0 65px;box-shadow:0 6px 20px #50347805}.compression-facts>div{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:8px}.compression-facts strong{font:800 27px Manrope,sans-serif;color:#6843d8}.compression-facts span{font-size:11px;color:#625a70;line-height:1.6}.compression-section{margin:62px 0;scroll-margin-top:90px}.compression-section>header{text-align:center;margin:0 auto 30px;max-width:700px}.compression-section h2{font:800 27px/1.4 Manrope,sans-serif;letter-spacing:-.8px;margin:0 0 12px}.compression-section>header p{font-size:13px;line-height:1.8;color:#625d71;margin:0}.compression-card-grid{display:grid;gap:20px}.compression-three{grid-template-columns:repeat(3,minmax(0,1fr))}.compression-info-card{background:#fff;border:1px solid #e6e2ef;border-radius:13px;padding:25px;box-shadow:0 8px 19px #49337406;min-width:0}.compression-step-number{display:grid;place-items:center;width:39px;height:39px;background:#6946e8;color:#fff;font-weight:700;border-radius:50%;font-size:15px;margin-bottom:23px}.compression-info-card h3{font-size:14px;line-height:1.6;margin:18px 0 9px;color:#353044}.compression-info-card p{font-size:12px;line-height:1.9;color:#645b73;margin:0}.compression-card-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#7850e3;background:#f0eaff}.compression-accent-card{border-top:3px solid #8763f3;padding-top:23px}.compression-preset-grid,.compression-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compression-preset-grid button,.compression-related-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e4dfef;border-radius:10px;padding:17px;color:#443953;font-family:inherit;font-weight:600;font-size:12px;line-height:1.6;min-height:54px;text-align:left;text-decoration:none}.compression-preset-grid button:hover{border-color:#9171ec;background:#f7f3ff}.compression-related-grid a{justify-content:flex-start}.compression-related-grid a svg:first-child{color:#8457e6;flex-shrink:0}.compression-related-grid a svg:last-child{margin-left:auto;flex-shrink:0}.compression-bottom-cta{text-align:center;background:linear-gradient(135deg,#eee7ff,#fff);padding:35px 25px;border:1px solid #e0d7f1;border-radius:17px}.compression-bottom-cta h2{margin-top:17px}.compression-bottom-cta p{color:#61556f;font-size:13px;line-height:1.8;max-width:600px;margin:12px auto 22px}.compression-bottom-cta a{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#6841db;color:#fff;border-radius:10px;min-height:46px;padding:12px 20px;font-size:13px;font-weight:700;text-decoration:none}.compression-new-faq{max-width:820px;margin-left:auto;margin-right:auto}.compression-new-faq details{background:#fff}.compression-app :is(button,a,input,select):focus-visible{outline:3px solid #8054df;outline-offset:3px}.compression-new-hero button,.compression-preset-grid button,.compression-target-controls button{cursor:pointer}.compression-new-hero button:hover:not(:disabled) b{background:#5635bd}@media(max-width:900px){.compression-hero-grid{gap:30px;grid-template-columns:1fr 1fr}.compression-facts strong{font-size:23px}.compression-info-card{padding:21px}.compression-three{gap:14px}}@media(max-width:650px){.compression-new-hero{padding:22px 18px 30px}.compression-new-hero nav{margin-bottom:28px;font-size:10px}.compression-hero-grid{grid-template-columns:1fr;gap:28px}.compression-new-hero h1{font-size:36px;letter-spacing:-1px;max-width:420px}.compression-hero-grid>div>p{font-size:13px}.compression-upload-card{margin-top:0}.compression-upload-card>button{min-height:250px;padding:25px 18px 20px}.compression-upload-card strong{font-size:17px}.compression-new-content{padding:0 18px 30px}.compression-facts{grid-template-columns:1fr 1fr;padding:16px 10px;margin-bottom:42px;gap:12px}.compression-facts strong{font-size:25px}.compression-section{margin:43px 0}.compression-section h2{font-size:24px}.compression-three{grid-template-columns:1fr}.compression-info-card{padding:23px}.compression-info-card h3{font-size:15px}.compression-preset-grid,.compression-related-grid{grid-template-columns:1fr 1fr;gap:9px}.compression-preset-grid button,.compression-related-grid a{padding:13px 11px;font-size:11px}.compression-bottom-cta{padding:30px 18px}.compression-eyebrow{font-size:9px;letter-spacing:1px}}@media(max-width:360px){.compression-related-grid{grid-template-columns:1fr}.compression-preset-grid button{gap:5px;padding:12px 9px}.compression-hero-trust{gap:10px;font-size:9px}}@media(min-width:761px)and (max-width:1050px){.compression-preview{max-width:400px;height:clamp(240px,48svh,420px)}}@media(max-width:760px){.compression-preview{max-width:400px;height:clamp(220px,44svh,360px);padding:10px}}@media(max-height:500px)and (orientation:landscape){.compression-preview{height:clamp(170px,52svh,260px)}}