:root{--compress-red:#e5322d;--compress-red-hover:#c92420;--compress-green:#2f9b48;--compress-green-hover:#27873e;--compress-soft-green:#f2fbf4;--compress-text:#202023;--compress-heading:#111;--compress-muted:#70727a;--compress-border:#e5e6ea;--compress-panel:#fff;--compress-page-bg:#f5f6f8;--compress-content-width:1340px;--compress-page-padding-top:24px;--compress-page-padding-inline:22px;--compress-page-padding-bottom:58px;--compress-min-height-offset:var(--navbar-height-desktop,86px);--compress-workspace-left-width:1fr;--compress-workspace-right-width:400px;--compress-workspace-gap:24px;--compress-panel-radius:18px;--compress-panel-border-width:1px;--compress-panel-padding:22px;--compress-panel-shadow:0 10px 34px #17171c0f;--compress-main-title-size:27px;--compress-main-title-weight:800;--compress-settings-title-size:27px;--compress-settings-title-weight:800;--compress-description-size:14px;--compress-description-line-height:1.55;--compress-button-height:46px;--compress-button-padding-x:18px;--compress-button-radius:11px;--compress-button-font-size:14px;--compress-button-font-weight:800;--compress-add-bg:var(--compress-red);--compress-add-bg-hover:var(--compress-red-hover);--compress-add-text:#fff;--compress-back-bg:var(--compress-red);--compress-back-bg-hover:var(--compress-red-hover);--compress-back-text:#fff;--compress-process-bg:var(--compress-green);--compress-process-bg-hover:var(--compress-green-hover);--compress-process-text:#fff;--compress-grid-min-card-width:205px;--compress-grid-gap:15px;--compress-preview-height:270px;--compress-card-radius:14px;--compress-card-info-padding:12px;--compress-file-name-size:13px;--compress-file-info-size:11px;--compress-controls-sticky-top:96px;--compress-mode-gap:10px;--compress-mode-min-height:82px;--compress-mode-padding:14px;--compress-mode-radius:12px;--compress-mode-title-size:14px;--compress-mode-text-size:12px;--compress-mode-value-size:12px;--compress-active-border:var(--compress-green);--compress-active-bg:var(--compress-soft-green);--compress-actions-margin-top:20px;--compress-actions-gap:10px;--compress-back-width:118px;--compress-result-summary-width:720px;--compress-result-summary-gap:10px;--compress-result-summary-radius:11px;--compress-mobile-padding-top:18px;--compress-mobile-padding-inline:12px;--compress-mobile-padding-bottom:34px;--compress-mobile-panel-padding:16px;--compress-mobile-preview-height:220px}.compress-image-app{min-height:calc(100vh - var(--compress-min-height-offset));padding:var(--compress-page-padding-top) var(--compress-page-padding-inline) var(--compress-page-padding-bottom);color:var(--compress-text);background:var(--compress-page-bg);font-family:Arial,Helvetica,sans-serif}.compress-image-app button,.compress-image-app input,.compress-image-app label{font:inherit}.compress-image-app__content{width:min(var(--compress-content-width), 100%);margin:0 auto}.compress-image-app__content>.tool-message{margin:0 0 16px}.compress-image-app__workspace{grid-template-columns:minmax(0, var(--compress-workspace-left-width)) minmax(340px, var(--compress-workspace-right-width));gap:var(--compress-workspace-gap);align-items:start;display:grid}.compress-image-app__images-panel,.compress-image-app__control-section{background:var(--compress-panel);border:var(--compress-panel-border-width) solid var(--compress-border);border-radius:var(--compress-panel-radius);box-shadow:var(--compress-panel-shadow);padding:var(--compress-panel-padding)}.compress-image-app__panel-heading,.compress-image-app__section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.compress-image-app__panel-heading h1,.compress-image-app__section-heading h2{color:var(--compress-heading);letter-spacing:-.025em;margin:0 0 6px;line-height:1.2}.compress-image-app__panel-heading h1{font-size:var(--compress-main-title-size);font-weight:var(--compress-main-title-weight)}.compress-image-app__section-heading h2{font-size:var(--compress-settings-title-size);font-weight:var(--compress-settings-title-weight)}.compress-image-app__panel-heading p,.compress-image-app__section-heading p{color:var(--compress-muted);font-size:var(--compress-description-size);line-height:var(--compress-description-line-height);margin:0}.compress-image-app__add-button{min-height:var(--compress-button-height);padding:0 var(--compress-button-padding-x);color:var(--compress-add-text);background:var(--compress-add-bg);border:1px solid var(--compress-add-bg);border-radius:var(--compress-button-radius);font-size:var(--compress-button-font-size);font-weight:var(--compress-button-font-weight);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex;position:relative}.compress-image-app__add-button:hover{background:var(--compress-add-bg-hover);border-color:var(--compress-add-bg-hover);transform:translateY(-1px);box-shadow:0 8px 18px #e5322d33}.compress-image-app__add-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.compress-image-app__grid{grid-template-columns:repeat(auto-fill, minmax(var(--compress-grid-min-card-width), 1fr));gap:var(--compress-grid-gap);display:grid}.compress-image-app__image-card{box-shadow:none;background:0 0;border:none;border-radius:0;overflow:hidden}.compress-image-app__preview{background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.compress-image-app__preview img{object-fit:contain;width:100%;height:100%}.compress-image-app__number{color:#fff;background:#111111db;border-radius:999px;place-items:center;min-width:28px;height:28px;padding:0 7px;font-size:12px;font-weight:800;display:grid;position:absolute;top:10px;left:10px}.compress-image-app__remove{width:36px;height:36px;color:var(--compress-red);cursor:pointer;background:#fffffff5;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 4px 14px #0000001f}.compress-image-app__remove:hover:not(:disabled){background:#fff1f1}.compress-image-app__file-info{padding:var(--compress-card-info-padding);align-items:center;gap:10px;display:flex}.compress-image-app__file-info>span{width:34px;height:34px;color:var(--compress-green);background:#eff9f1;border-radius:9px;flex:none;place-items:center;display:grid}.compress-image-app__file-info div{min-width:0}.compress-image-app__file-info strong,.compress-image-app__file-info small{display:block}.compress-image-app__file-info strong{color:var(--compress-text);font-size:var(--compress-file-name-size);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.compress-image-app__file-info small{color:var(--compress-muted);font-size:var(--compress-file-info-size);margin-top:4px}.compress-image-app__controls{top:var(--compress-controls-sticky-top);position:sticky}.compress-image-app__mode-list{gap:var(--compress-mode-gap);display:grid}.compress-image-app__mode{min-height:var(--compress-mode-min-height);padding:var(--compress-mode-padding);border:1px solid var(--compress-border);border-radius:var(--compress-mode-radius);cursor:pointer;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;transition:background .15s,border-color .15s,box-shadow .15s;display:grid}.compress-image-app__mode:hover{border-color:#cfd1d6}.compress-image-app__mode--active{background:var(--compress-active-bg);border-color:var(--compress-active-border);box-shadow:0 0 0 1px #2f9b4814}.compress-image-app__mode input{accent-color:var(--compress-green)}.compress-image-app__mode strong,.compress-image-app__mode span{display:block}.compress-image-app__mode strong{color:var(--compress-text);font-size:var(--compress-mode-title-size);margin-bottom:4px}.compress-image-app__mode span{color:var(--compress-muted);font-size:var(--compress-mode-text-size);line-height:1.45}.compress-image-app__mode b{color:var(--compress-green);font-size:var(--compress-mode-value-size)}.compress-image-app__validation{color:#c62828;margin:10px 0 0;font-size:12px;line-height:1.45}.compress-image-app__actions{grid-template-columns:var(--compress-back-width) minmax(0, 1fr);gap:var(--compress-actions-gap);margin-top:var(--compress-actions-margin-top);display:grid}.compress-image-app__secondary-button,.compress-image-app__primary-button{min-height:var(--compress-button-height);padding:0 var(--compress-button-padding-x);border-radius:var(--compress-button-radius);font-size:var(--compress-button-font-size);font-weight:var(--compress-button-font-weight);cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.compress-image-app__secondary-button{color:var(--compress-back-text);background:var(--compress-back-bg);border:1px solid var(--compress-back-bg)}.compress-image-app__secondary-button:hover:not(:disabled){background:var(--compress-back-bg-hover);border-color:var(--compress-back-bg-hover);transform:translateY(-1px);box-shadow:0 8px 18px #e5322d33}.compress-image-app__primary-button{color:var(--compress-process-text);background:var(--compress-process-bg);border:1px solid var(--compress-process-bg)}.compress-image-app__primary-button:hover:not(:disabled){background:var(--compress-process-bg-hover);border-color:var(--compress-process-bg-hover);transform:translateY(-1px)}.compress-image-app button:disabled{cursor:not-allowed;opacity:.55}.compress-image-app label:has(input:disabled){cursor:not-allowed;opacity:.55}.compress-image-result__summary{width:min(var(--compress-result-summary-width), 100%);gap:var(--compress-result-summary-gap);grid-template-columns:repeat(4,1fr);margin:22px auto;display:grid}.compress-image-result__summary>div{border:1px solid var(--compress-border);border-radius:var(--compress-result-summary-radius);text-align:center;background:#fff;padding:13px}.compress-image-result__summary span,.compress-image-result__summary strong{display:block}.compress-image-result__summary span{color:var(--compress-muted);font-size:11px}.compress-image-result__summary strong{color:var(--compress-text);margin-top:4px;font-size:14px}@media (max-width:980px){:root{--compress-workspace-right-width:100%;--compress-controls-sticky-top:0px}.compress-image-app__workspace{grid-template-columns:1fr}.compress-image-app__controls{position:static}}@media (max-width:640px){:root{--compress-page-padding-top:var(--compress-mobile-padding-top);--compress-page-padding-inline:var(--compress-mobile-padding-inline);--compress-page-padding-bottom:var(--compress-mobile-padding-bottom);--compress-panel-padding:var(--compress-mobile-panel-padding);--compress-preview-height:var(--compress-mobile-preview-height);--compress-main-title-size:24px;--compress-settings-title-size:24px;--compress-grid-min-card-width:150px}.compress-image-app__panel-heading,.compress-image-app__section-heading{flex-direction:column;align-items:stretch}.compress-image-app__grid{grid-template-columns:1fr 1fr;gap:10px}.compress-image-app__file-info{padding:9px}.compress-image-app__file-info>span{display:none}.compress-image-app__actions{grid-template-columns:1fr}.compress-image-result__summary{grid-template-columns:1fr 1fr}}@media (max-width:430px){.compress-image-app__grid{grid-template-columns:1fr}}
:root{--compress-seo-width:880px;--compress-seo-padding-top:28px;--compress-seo-padding-inline:20px;--compress-seo-padding-bottom:50px;--compress-seo-background:#fff;--compress-seo-panel:#f7f8fa;--compress-seo-border:#e4e6eb;--compress-seo-heading-color:#24252b;--compress-seo-text-color:#60646e;--compress-seo-red:#e5322d;--compress-seo-soft-red:#fff2f1;--compress-seo-number-border:#ffd1ce;--compress-seo-title-size:30px;--compress-seo-title-weight:800;--compress-seo-title-line-height:1.16;--compress-seo-lead-size:16px;--compress-seo-lead-line-height:1.72;--compress-seo-intro-bottom-space:24px;--compress-seo-step-padding-y:22px;--compress-seo-step-gap:18px;--compress-seo-step-number-size:36px;--compress-seo-step-title-size:21px;--compress-seo-step-text-size:15px;--compress-seo-step-text-line-height:1.72;--compress-seo-benefits-top-space:28px;--compress-seo-benefits-padding-y:26px;--compress-seo-benefits-padding-x:28px;--compress-seo-benefits-title-size:23px;--compress-seo-benefits-text-size:15px;--compress-seo-benefits-radius:14px;--compress-seo-faq-top-space:30px;--compress-seo-faq-title-size:30px;--compress-seo-faq-question-size:19px;--compress-seo-faq-answer-size:15px;--compress-seo-faq-item-padding-y:18px}.compress-image-seo{width:100%;padding:var(--compress-seo-padding-top) var(--compress-seo-padding-inline) var(--compress-seo-padding-bottom);color:var(--compress-seo-text-color);background:var(--compress-seo-background);border-top:1px solid var(--compress-seo-border);font-family:Arial,Helvetica,sans-serif}.compress-image-seo__container{width:min(var(--compress-seo-width), 100%);margin:0 auto}.compress-image-seo__intro{margin-bottom:var(--compress-seo-intro-bottom-space)}.compress-image-seo__title{color:var(--compress-seo-heading-color);font-size:var(--compress-seo-title-size);font-weight:var(--compress-seo-title-weight);line-height:var(--compress-seo-title-line-height);letter-spacing:-.03em;margin:0}.compress-image-seo__lead{max-width:800px;font-size:var(--compress-seo-lead-size);line-height:var(--compress-seo-lead-line-height);margin:14px 0 0}.compress-image-seo__steps{border-top:1px solid var(--compress-seo-border)}.compress-image-seo__step{grid-template-columns:var(--compress-seo-step-number-size) minmax(0, 1fr);gap:var(--compress-seo-step-gap);padding:var(--compress-seo-step-padding-y) 0;border-bottom:1px solid var(--compress-seo-border);display:grid}.compress-image-seo__step>span{width:var(--compress-seo-step-number-size);height:var(--compress-seo-step-number-size);color:var(--compress-seo-red);background:var(--compress-seo-soft-red);border:1px solid var(--compress-seo-number-border);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.compress-image-seo__step h3{color:var(--compress-seo-heading-color);font-size:var(--compress-seo-step-title-size);margin:2px 0 8px;font-weight:800}.compress-image-seo__step p{font-size:var(--compress-seo-step-text-size);line-height:var(--compress-seo-step-text-line-height);margin:0}.compress-image-seo__benefits{margin-top:var(--compress-seo-benefits-top-space);padding:var(--compress-seo-benefits-padding-y) var(--compress-seo-benefits-padding-x);background:var(--compress-seo-panel);border:1px solid var(--compress-seo-border);border-radius:var(--compress-seo-benefits-radius)}.compress-image-seo__benefits h3{color:var(--compress-seo-heading-color);font-size:var(--compress-seo-benefits-title-size);margin:0 0 15px}.compress-image-seo__benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;margin:0;padding:0;list-style:none;display:grid}.compress-image-seo__benefits li{font-size:var(--compress-seo-benefits-text-size);padding-left:25px;line-height:1.55;position:relative}.compress-image-seo__benefits li:before{content:"✓";color:var(--compress-seo-red);font-weight:900;position:absolute;left:0}.compress-image-seo__faq{margin-top:var(--compress-seo-faq-top-space)}.compress-image-seo__faq>h2{color:var(--compress-seo-heading-color);font-size:var(--compress-seo-faq-title-size);margin:0 0 16px;font-weight:800}.compress-image-seo__faq-list{border-top:1px solid var(--compress-seo-border)}.compress-image-seo__faq-list article{padding:var(--compress-seo-faq-item-padding-y) 0;border-bottom:1px solid var(--compress-seo-border)}.compress-image-seo__faq-list h3{color:var(--compress-seo-heading-color);font-size:var(--compress-seo-faq-question-size);margin:0 0 7px}.compress-image-seo__faq-list p{font-size:var(--compress-seo-faq-answer-size);margin:0;line-height:1.7}@media (max-width:700px){:root{--compress-seo-padding-top:24px;--compress-seo-padding-inline:16px;--compress-seo-padding-bottom:40px;--compress-seo-title-size:30px;--compress-seo-lead-size:15px;--compress-seo-step-padding-y:19px;--compress-seo-step-gap:12px;--compress-seo-step-number-size:32px;--compress-seo-step-title-size:18px;--compress-seo-step-text-size:14px;--compress-seo-benefits-padding-y:22px;--compress-seo-benefits-padding-x:18px;--compress-seo-benefits-title-size:20px;--compress-seo-benefits-text-size:14px;--compress-seo-faq-title-size:26px;--compress-seo-faq-question-size:16px;--compress-seo-faq-answer-size:14px}.compress-image-seo__benefits ul{grid-template-columns:1fr}}