.sa-service-compress-images{--ci:#e11d48;--ci2:#9f1239;--ci-soft:#fff1f2}.ci-app{font-family:Alexandria,Tahoma,sans-serif;color:#34252b}.ci-app *{box-sizing:border-box}.ci-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:20px;padding:29px;border-radius:27px;background:radial-gradient(circle at 12% 10%,rgba(255,255,255,.18),transparent 30%),linear-gradient(135deg,#881337,#e11d48 63%,#f43f5e);color:#fff;overflow:hidden;position:relative}.ci-hero>div>span{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.11);font-size:11px;font-weight:700}.ci-hero h2{color:#fff;font-size:28px;line-height:1.55;margin:11px 0 5px}.ci-hero p{margin:0;color:#ffe4e6;line-height:1.9}.ci-hero>div>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.ci-hero>div>div b{display:flex;gap:6px;align-items:center;padding:7px 9px;border-radius:9px;background:#fff;color:#9f1239;font-size:10px}.ci-hero aside{align-self:center;text-align:center;padding:20px;border:1px solid rgba(255,255,255,.23);border-radius:20px;background:rgba(255,255,255,.12);backdrop-filter:blur(8px)}.ci-hero aside div{display:flex;direction:ltr;align-items:center;justify-content:center;gap:12px}.ci-hero aside span{text-decoration:line-through;opacity:.8;font-size:17px}.ci-hero aside strong{font-size:27px;color:#fff}.ci-hero aside>b{display:inline-block;margin:13px 0 8px;padding:7px 10px;border-radius:9px;background:#fff;color:#be123c}.ci-hero aside small{display:block;color:#ffe4e6;font-size:8px;line-height:1.7}.ci-panel,.ci-help{margin-top:22px;padding:24px;border:1px solid #eee1e5;border-radius:24px;background:#fff;box-shadow:0 15px 42px rgba(84,24,44,.07)}.ci-section-head{display:flex;gap:12px;align-items:center;margin-bottom:18px}.ci-section-head>span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:15px;background:var(--ci-soft);color:var(--ci);font-size:20px}.ci-section-head small{display:block;color:var(--ci);font-size:10px;font-weight:800}.ci-section-head h3{margin:2px 0;font-size:19px;color:#4c1729}.ci-section-head p{margin:0;color:#806f75;font-size:11px}.ci-drop{min-height:245px;border:2px dashed #f1a8ba;border-radius:22px;background:linear-gradient(180deg,#fff8fa,#fff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;padding:24px;transition:.2s}.ci-drop:hover,.ci-drop.is-dragging,.ci-drop:focus{border-color:var(--ci);background:#fff1f2;outline:0;transform:translateY(-2px)}.ci-drop input{position:absolute;opacity:0;width:1px;height:1px}.ci-drop__icon{display:grid;place-items:center;width:65px;height:65px;border-radius:21px;background:linear-gradient(135deg,var(--ci),var(--ci2));color:#fff;font-size:27px;box-shadow:0 10px 25px rgba(225,29,72,.25)}.ci-drop>strong{font-size:17px;color:#5b1c31;margin-top:13px}.ci-drop>small{font-size:10px;color:#86727a;margin:4px}.ci-drop>em{font-style:normal;margin-top:10px;padding:10px 16px;border-radius:11px;background:#fff;color:var(--ci);font-size:11px;font-weight:800;border:1px solid #f4c0cc}.ci-drop>b{font-size:8px;color:#a28f95;margin-top:10px}.ci-alert{padding:11px;margin:12px 0 0;border-radius:11px;background:#fff2dc;color:#8a5917;font-size:10px}.ci-alert.is-error{background:#fff0f2;color:#a31336}.ci-settings{margin-top:17px;padding:18px;border:1px solid #eee3e6;border-radius:19px;background:#fcfafb}.ci-settings>header{display:flex;align-items:center;gap:10px}.ci-settings>header>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ci-soft);color:var(--ci)}.ci-settings>header small{display:block;color:var(--ci);font-size:9px;font-weight:800}.ci-settings>header h3{margin:2px 0;color:#4c1729;font-size:16px}.ci-settings>header button{margin-right:auto;border:0;border-radius:10px;background:#fff;color:#7d3a50;padding:8px 10px;font:700 9px Alexandria;cursor:pointer}.ci-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.ci-preset-grid button{display:flex;align-items:center;gap:9px;text-align:right;border:1px solid #eadce1;border-radius:13px;background:#fff;padding:11px;color:#5e4650;cursor:pointer}.ci-preset-grid button>i{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f7f0f2;color:#8a5969}.ci-preset-grid b,.ci-preset-grid small{display:block}.ci-preset-grid b{font-size:10px}.ci-preset-grid small{font-size:8px;margin-top:3px}.ci-preset-grid button.is-active{border-color:#ee7895;background:#fff5f7;color:#871b3c;box-shadow:0 5px 15px rgba(225,29,72,.08)}.ci-preset-grid button.is-active>i{background:var(--ci);color:#fff}.ci-options{display:grid;grid-template-columns:1.15fr .85fr .85fr 1fr;gap:10px;margin-top:11px}.ci-options>label{padding:11px;border:1px solid #eadfe2;border-radius:13px;background:#fff}.ci-options label>span{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#623347;margin-bottom:7px}.ci-options label>span i{color:var(--ci)}.ci-options label>span small{margin-right:auto;color:#a17f8b;font-size:8px}.ci-options label>small{display:block;font-size:7px;color:#97868c;line-height:1.6;margin-top:5px}.ci-options select,.ci-target{width:100%;border:1px solid #decdd2;border-radius:9px;background:#fff;min-height:38px}.ci-options select{padding:7px;font:600 9px Alexandria;color:#523440}.ci-quality>span output{margin-right:auto;color:var(--ci);font-weight:800}.ci-quality input{width:100%;accent-color:var(--ci)}.ci-target{display:flex;overflow:hidden}.ci-target input{width:100%;border:0;padding:7px;outline:0;font:600 11px Alexandria;direction:ltr;text-align:right}.ci-target b{display:grid;place-items:center;padding:0 9px;border-right:1px solid #decdd2;background:#faf6f7;color:#7a5a65;font-size:9px}.ci-toggle{display:flex;margin-top:10px;padding:9px 11px;border-radius:12px;background:#f8f3f5;cursor:pointer}.ci-toggle input{position:absolute;opacity:0}.ci-toggle span{display:grid;grid-template-columns:38px 1fr;gap:0 9px;width:100%}.ci-toggle span>i{grid-row:1/3;width:38px;height:21px;border-radius:99px;background:#bdaeb3;position:relative;align-self:center}.ci-toggle span>i:after{content:"";position:absolute;width:15px;height:15px;top:3px;right:3px;background:#fff;border-radius:50%;transition:.2s}.ci-toggle input:checked+span>i{background:var(--ci)}.ci-toggle input:checked+span>i:after{right:20px}.ci-toggle b{font-size:9px}.ci-toggle small{font-size:7px;color:#8f7d83}.ci-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding:12px;border:1px solid #eadfe2;border-radius:15px}.ci-toolbar>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ci-toolbar>div:first-child span{font-size:9px;padding:7px 9px;border-radius:9px;background:#f8f3f5;color:#74515e}.ci-toolbar button,.ci-finish>button{border:0;border-radius:10px;padding:9px 12px;font:700 9px Alexandria;cursor:pointer}.ci-clear{background:#f5ecef;color:#88354f}.ci-run{background:linear-gradient(135deg,var(--ci),var(--ci2));color:#fff}.ci-progress{margin-top:14px;padding:12px;border-radius:13px;background:#fff5f7}.ci-progress>div{height:7px;border-radius:99px;background:#f2d9df;overflow:hidden}.ci-progress>div span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--ci),#fb7185);transition:.25s}.ci-progress p{margin:7px 0 0;font-size:9px;color:#79505e}.ci-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:15px}.ci-item{display:grid;grid-template-columns:125px 1fr;gap:12px;padding:11px;border:1px solid #eadfe2;border-radius:16px;background:#fff;position:relative}.ci-item__preview{height:105px;border-radius:12px;overflow:hidden;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/16px 16px;display:grid;place-items:center}.ci-item__preview img{width:100%;height:100%;object-fit:contain}.ci-item__info{min-width:0}.ci-item__info h4{font-size:10px;margin:3px 26px 6px 0;color:#512538;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;direction:ltr;text-align:right}.ci-item__info>p{display:flex;gap:7px;flex-wrap:wrap;margin:0}.ci-item__info>p span{padding:4px 6px;border-radius:7px;background:#f7f1f3;color:#80616c;font-size:7px}.ci-item__result{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:8px}.ci-item__result span{padding:6px;border-radius:8px;background:#f8faf9}.ci-item__result small,.ci-item__result b{display:block}.ci-item__result small{font-size:6px;color:#94848a}.ci-item__result b{font-size:8px;margin-top:2px;color:#573540}.ci-item__result b.is-good{color:#087f5b}.ci-item__actions{display:flex;gap:5px;margin-top:7px}.ci-item__actions button,.ci-item__actions a{flex:1;border:0;border-radius:8px;padding:6px;text-align:center;text-decoration:none;font:700 8px Alexandria;cursor:pointer}.ci-item__download{background:#e7f8f2;color:#087f5b}.ci-item__compare{background:#fff0f3;color:#a8133a}.ci-item__remove{position:absolute;top:8px;right:8px!important;width:25px;height:25px;border:0;border-radius:8px!important;background:#fff0f3!important;color:#a8133a!important;cursor:pointer;padding:0!important}.ci-item.is-processing{opacity:.72}.ci-item.is-error{border-color:#f2a5b6}.ci-item__error{font-size:8px;color:#a8133a;margin-top:8px!important}.ci-finish{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;padding:15px;border-radius:17px;background:linear-gradient(135deg,#ecfdf5,#f0fdfa);border:1px solid #bce6d8}.ci-finish>div{display:flex;align-items:center;gap:10px}.ci-finish>div>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#087f5b;color:#fff}.ci-finish small{display:block;color:#087f5b;font-size:8px;font-weight:800}.ci-finish h3{margin:2px 0;font-size:15px;color:#07533f}.ci-finish p{margin:0;color:#527068;font-size:8px}.ci-finish strong{color:#087f5b}.ci-finish>button{background:#087f5b;color:#fff;padding:11px 15px}.ci-features{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.ci-features article{padding:17px;border:1px solid #eadfe2;border-radius:16px;background:#fff}.ci-features article>span{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:var(--ci-soft);color:var(--ci)}.ci-features h3{font-size:11px;color:#562439;margin:10px 0 5px}.ci-features p{margin:0;font-size:8px;line-height:1.8;color:#826e75}.ci-help>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.ci-help article{padding:14px;border-radius:13px;background:#faf6f7}.ci-help article b{color:var(--ci);font-size:12px}.ci-help article p{margin:5px 0 0;color:#7c6970;font-size:9px;line-height:1.7}.ci-compare-modal{position:fixed;inset:0;z-index:100020;display:grid;place-items:center;padding:18px;background:rgba(36,11,20,.78)}.ci-compare-modal[hidden]{display:none}.ci-compare-modal__dialog{width:min(900px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:20px;padding:17px;position:relative}.ci-compare-modal__close{position:absolute;left:13px;top:13px;width:31px;height:31px;border:0;border-radius:10px;background:#fff0f3;color:#a8133a;cursor:pointer}.ci-compare-modal h3{margin:2px 0 15px;color:#512538;font-size:16px}.ci-compare-modal__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ci-compare-modal figure{margin:0;border:1px solid #eadfe2;border-radius:13px;overflow:hidden;background:#fafafa}.ci-compare-modal img{display:block;width:100%;height:360px;object-fit:contain}.ci-compare-modal figcaption{padding:9px;text-align:center;font-size:9px;font-weight:700}.ci-app [hidden]{display:none!important}
@media(max-width:900px){.ci-hero{grid-template-columns:1fr}.ci-options{grid-template-columns:1fr 1fr}.ci-features{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ci-hero,.ci-panel,.ci-help{padding:16px;border-radius:18px}.ci-hero h2{font-size:22px}.ci-preset-grid,.ci-options,.ci-list,.ci-features,.ci-help>div:last-child{grid-template-columns:1fr}.ci-drop{min-height:215px}.ci-toolbar,.ci-finish{align-items:stretch;flex-direction:column}.ci-toolbar>div:last-child{display:grid;grid-template-columns:1fr 1fr;width:100%}.ci-finish>button{width:100%}.ci-item{grid-template-columns:95px 1fr}.ci-item__preview{height:95px}.ci-compare-modal__grid{grid-template-columns:1fr}.ci-compare-modal img{height:260px}}
@media print{.ci-drop,.ci-settings,.ci-toolbar,.ci-progress,.ci-list,.ci-finish{display:none!important}}