:root{--resize-red:#e5322d;--resize-red-hover:#c92420;--resize-soft-red:#fff0ef;--resize-text:#24252b;--resize-muted:#686c76;--resize-border:#e1e4e9;--resize-panel:#fff;--resize-page-bg:#f5f6f8;--resize-content-width:1180px;--resize-content-side-space:24px;--resize-content-top-space:22px;--resize-content-bottom-space:42px;--resize-toolbar-top:var(--navbar-height-desktop,86px);--resize-toolbar-height:66px;--resize-toolbar-bg:#fffffff7;--resize-toolbar-border:var(--resize-border);--resize-toolbar-title-size:22px;--resize-toolbar-title-weight:800;--resize-toolbar-title-color:var(--resize-text);--resize-button-height:44px;--resize-button-padding-x:20px;--resize-button-radius:11px;--resize-button-font-size:16px;--resize-button-font-weight:800;--resize-button-bg:var(--resize-red);--resize-button-hover-bg:var(--resize-red-hover);--resize-button-color:#fff;--resize-workspace-gap:28px;--resize-workspace-preview-width:minmax(0, 1fr);--resize-workspace-controls-width:minmax(330px, 390px);--resize-preview-panel-bg:transparent;--resize-preview-panel-border:transparent;--resize-preview-panel-radius:0;--resize-preview-panel-shadow:none;--resize-preview-height:330px;--resize-preview-max-width:560px;--resize-preview-padding:0;--resize-preview-bg:transparent;--resize-file-info-top-space:14px;--resize-file-name-size:14px;--resize-file-info-size:12px;--resize-file-icon-size:38px;--resize-file-icon-radius:10px;--resize-summary-top-space:12px;--resize-summary-title-size:12px;--resize-summary-value-size:16px;--resize-summary-gap:10px;--resize-control-bg:#fff;--resize-control-border:var(--resize-border);--resize-control-radius:17px;--resize-control-padding:18px;--resize-control-shadow:0 10px 30px #1e20280f;--resize-section-title-size:20px;--resize-section-title-weight:800;--resize-section-text-size:13px;--resize-section-bottom-space:18px;--resize-reset-height:36px;--resize-reset-padding-x:12px;--resize-reset-radius:9px;--resize-reset-font-size:12px;--resize-reset-bg:var(--resize-red);--resize-reset-hover-bg:var(--resize-red-hover);--resize-reset-color:#fff;--resize-field-gap:8px;--resize-field-top-space:15px;--resize-field-label-size:13px;--resize-field-label-weight:800;--resize-input-height:46px;--resize-input-radius:10px;--resize-input-font-size:15px;--resize-input-padding-x:13px;--resize-input-bg:#fff;--resize-input-border:var(--resize-border);--resize-input-focus-border:#e48682;--resize-input-focus-shadow:0 0 0 3px #e5322d1a;--resize-dimensions-gap:12px;--resize-calculated-top-space:15px;--resize-calculated-padding:11px 13px;--resize-calculated-radius:10px;--resize-calculated-bg:#f7f8fa;--resize-calculated-font-size:12px;--resize-mobile-side-space:13px;--resize-mobile-action-height:48px}body.resize-image-workspace-active footer{display:none!important}.resize-image-app{min-height:calc(100vh - var(--navbar-height-desktop,86px));color:var(--resize-text);background:var(--resize-page-bg);font-family:Arial,Helvetica,sans-serif}.resize-image-app button,.resize-image-app input,.resize-image-app select{font:inherit}.resize-image-app__toolbar{top:var(--resize-toolbar-top);z-index:30;min-height:var(--resize-toolbar-height);padding:8px max(18px, calc((100vw - var(--resize-content-width)) / 2));background:var(--resize-toolbar-bg);border-bottom:1px solid var(--resize-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;display:grid;position:sticky}.resize-image-app__toolbar-title{font-size:var(--resize-toolbar-title-size);font-weight:var(--resize-toolbar-title-weight);letter-spacing:-.02em;text-align:center;grid-column:2;margin:0;line-height:1.2}.resize-image-app__back,.resize-image-app__process,.resize-image-app__mobile-action button{min-height:var(--resize-button-height);padding:0 var(--resize-button-padding-x);color:#fff;background:var(--resize-red);border:1px solid var(--resize-red);border-radius:var(--resize-button-radius);font-size:var(--resize-button-font-size);font-weight:var(--resize-button-font-weight);cursor:pointer;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.resize-image-app__back{grid-column:1;justify-self:start}.resize-image-app__process{grid-column:3;justify-self:end}.resize-image-app__back:hover:not(:disabled),.resize-image-app__process:hover:not(:disabled),.resize-image-app__mobile-action button:hover:not(:disabled){background:var(--resize-red-hover);border-color:var(--resize-red-hover);transform:translateY(-1px);box-shadow:0 8px 18px #e5322d33}.resize-image-app button:disabled,.resize-image-app input:disabled,.resize-image-app select:disabled{cursor:not-allowed;opacity:.55}.resize-image-app__content{width:min(var(--resize-content-width), calc(100% - 2 * var(--resize-content-side-space)));padding:var(--resize-content-top-space) 0 var(--resize-content-bottom-space);margin:0 auto}.resize-image-app__content>.tool-message{margin:0 0 16px}.resize-image-app__workspace{grid-template-columns:var(--resize-workspace-preview-width) var(--resize-workspace-controls-width);gap:var(--resize-workspace-gap);align-items:start;display:grid}.resize-image-app__preview-panel{background:var(--resize-preview-panel-bg);border-radius:var(--resize-preview-panel-radius);min-width:0;box-shadow:var(--resize-preview-panel-shadow);border:0}.resize-image-app__control-section{background:var(--resize-control-bg);border:1px solid var(--resize-control-border);border-radius:var(--resize-control-radius);box-shadow:var(--resize-control-shadow)}.resize-image-app__preview{width:100%;height:auto;min-height:0;padding:var(--resize-preview-padding);background:var(--resize-preview-bg);justify-content:center;align-items:flex-start;display:flex}.resize-image-app__preview img{width:auto;max-width:min(100%, var(--resize-preview-max-width));height:auto;max-height:var(--resize-preview-height);object-fit:contain;box-shadow:none;border:0;outline:0;display:block}.resize-image-app__file-info{margin-top:var(--resize-file-info-top-space);align-items:center;gap:11px;padding:0;display:flex}.resize-image-app__file-icon{width:38px;height:38px;color:var(--resize-red);background:var(--resize-soft-red);border-radius:10px;place-items:center;display:grid}.resize-image-app__file-info>div{min-width:0}.resize-image-app__file-info strong,.resize-image-app__file-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resize-image-app__file-info strong{font-size:var(--resize-file-name-size);margin-bottom:4px}.resize-image-app__file-info span{color:var(--resize-muted);font-size:var(--resize-file-info-size)}.resize-image-app__size-summary{gap:var(--resize-summary-gap);margin-top:var(--resize-summary-top-space);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.resize-image-app__size-summary>div{border:1px solid var(--resize-border);background:#fff;border-radius:10px;padding:12px 14px}.resize-image-app__size-summary span,.resize-image-app__size-summary strong{display:block}.resize-image-app__size-summary span{color:var(--resize-muted);font-size:var(--resize-summary-title-size);margin-bottom:5px}.resize-image-app__size-summary strong{font-size:var(--resize-summary-value-size)}.resize-image-app__controls{gap:18px;display:grid}.resize-image-app__control-section{padding:var(--resize-control-padding)}.resize-image-app__section-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.resize-image-app__section-heading h2{font-size:var(--resize-section-title-size);margin:0}.resize-image-app__section-heading p{color:var(--resize-muted);font-size:var(--resize-section-text-size);margin:5px 0 0;line-height:1.5}.resize-image-app__reset{min-height:var(--resize-reset-height);padding:0 var(--resize-reset-padding-x);color:var(--resize-reset-color);background:var(--resize-reset-bg);border:1px solid var(--resize-reset-bg);border-radius:var(--resize-reset-radius);font-size:var(--resize-reset-font-size);cursor:pointer;align-items:center;gap:7px;font-weight:800;display:inline-flex}.resize-image-app__reset:hover:not(:disabled){color:var(--resize-reset-color);background:var(--resize-reset-hover-bg);border-color:var(--resize-reset-hover-bg)}.resize-image-app__field{gap:8px;margin-top:15px;display:grid}.resize-image-app__field>span{color:#50535c;font-size:var(--resize-field-label-size);font-weight:800}.resize-image-app__field input[type=number],.resize-image-app__field select{width:100%;height:var(--resize-input-height);color:var(--resize-text);border:1px solid var(--resize-border);border-radius:var(--resize-input-radius);font-size:var(--resize-input-font-size);background:#fff;outline:none;padding:0 13px}.resize-image-app__field input:focus,.resize-image-app__field select:focus{border-color:#e48682;box-shadow:0 0 0 3px #e5322d1a}.resize-image-app__dimensions{align-items:end;gap:var(--resize-dimensions-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.resize-image-app__input-with-unit{position:relative}.resize-image-app__input-with-unit input{padding-right:43px!important}.resize-image-app__input-with-unit>span{color:var(--resize-muted);pointer-events:none;font-size:12px;font-weight:800;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.resize-image-app__calculated{margin:var(--resize-calculated-top-space) 0 0;padding:var(--resize-calculated-padding);color:#5b5e67;background:var(--resize-calculated-bg);border:1px solid var(--resize-border);border-radius:var(--resize-calculated-radius);font-size:var(--resize-calculated-font-size)}.resize-image-app__range{width:100%;accent-color:var(--resize-red)}.resize-image-app__mobile-action{display:none}@media (max-width:980px){:root{--resize-preview-height:430px}}@media (max-width:780px){:root{--resize-toolbar-top:var(--navbar-height-tablet,74px)}.resize-image-app__workspace{grid-template-columns:1fr}}@media (max-width:640px){:root{--resize-content-side-space:var(--resize-mobile-side-space);--resize-content-top-space:14px;--resize-toolbar-top:var(--navbar-height-mobile,72px);--resize-toolbar-height:58px;--resize-toolbar-title-size:16px;--resize-button-height:40px;--resize-button-padding-x:15px;--resize-button-font-size:14px;--resize-preview-height:220px;--resize-panel-padding:15px;--resize-section-title-size:18px;--resize-input-height:44px}.resize-image-app{min-height:calc(100vh - var(--navbar-height-mobile,72px));padding-bottom:78px}.resize-image-app__toolbar{padding:7px var(--resize-mobile-side-space);grid-template-columns:auto minmax(0,1fr)}.resize-image-app__toolbar-title{text-align:left;text-overflow:ellipsis;white-space:nowrap;grid-column:2;padding-left:10px;overflow:hidden}.resize-image-app__process{display:none}.resize-image-app__dimensions{grid-template-columns:minmax(0,1fr) 40px minmax(0,1fr);gap:7px}.resize-image-app__mobile-action{z-index:40;padding:10px var(--resize-mobile-side-space) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--resize-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff7;display:block;position:fixed;bottom:0;left:0;right:0}.resize-image-app__mobile-action button{width:100%;min-height:var(--resize-mobile-action-height)}}:root{--resize-final-content-top:24px;--resize-final-actions-gap:12px;--resize-final-action-height:48px;--resize-final-action-radius:11px;--resize-final-action-font-size:16px;--resize-final-action-font-weight:800;--resize-final-mobile-field-gap:12px}.resize-image-app__content{padding-top:var(--resize-final-content-top)}.resize-image-app__size-summary,.resize-image-app__toolbar,.resize-image-app__mobile-action{display:none!important}.resize-image-app__controls{align-self:start}.resize-image-app__section-heading h1{font-size:var(--resize-section-title-size);margin:0;font-weight:800;line-height:1.3}.resize-image-app__actions{gap:var(--resize-final-actions-gap);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:2px;display:grid}.resize-image-app__action-button{width:100%;min-width:0;min-height:var(--resize-final-action-height);color:#fff;background:var(--resize-red);border:1px solid var(--resize-red);border-radius:var(--resize-final-action-radius);font-size:var(--resize-final-action-font-size);font-weight:var(--resize-final-action-font-weight);cursor:pointer;padding:0 16px;line-height:1;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.resize-image-app__action-button:hover:not(:disabled){background:var(--resize-red-hover);border-color:var(--resize-red-hover);transform:translateY(-1px);box-shadow:0 8px 18px #e5322d2e}.resize-image-app__action-button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:780px){.resize-image-app__workspace{grid-template-columns:1fr}.resize-image-app__controls{width:100%}}@media (max-width:640px){:root{--resize-final-content-top:14px;--resize-final-action-height:46px;--resize-final-action-font-size:14px}.resize-image-app{padding-bottom:24px}.resize-image-app__dimensions{width:100%;display:grid;gap:var(--resize-final-mobile-field-gap)!important;grid-template-columns:1fr!important}.resize-image-app__dimensions .resize-image-app__field{width:100%;min-width:0;margin-top:12px}.resize-image-app__input-with-unit,.resize-image-app__input-with-unit input{width:100%;min-width:0}.resize-image-app__actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width:390px){.resize-image-app__actions{grid-template-columns:1fr}}:root{--resize-premium-actions-top-space:18px;--resize-premium-actions-padding-top:17px;--resize-premium-actions-gap:10px;--resize-premium-action-height:46px;--resize-premium-action-radius:10px;--resize-premium-action-font-size:15px;--resize-premium-action-font-weight:800;--resize-aspect-top-space:11px;--resize-aspect-gap:8px;--resize-aspect-font-size:12px;--resize-aspect-font-weight:700;--resize-aspect-color:#5f636d;--resize-aspect-checkbox-size:16px;--resize-aspect-accent:var(--resize-red);--resize-mobile-dimensions-gap:8px;--resize-mobile-field-label-size:12px;--resize-mobile-input-font-size:14px;--resize-mobile-input-unit-size:11px}.resize-image-app__actions--inside{gap:var(--resize-premium-actions-gap);margin-top:var(--resize-premium-actions-top-space);padding-top:var(--resize-premium-actions-padding-top);border-top:1px solid var(--resize-border);grid-template-columns:repeat(2,minmax(0,1fr))}.resize-image-app__actions--inside .resize-image-app__action-button{min-height:var(--resize-premium-action-height);border-radius:var(--resize-premium-action-radius);font-size:var(--resize-premium-action-font-size);font-weight:var(--resize-premium-action-font-weight)}.resize-image-app__aspect-check{align-items:center;gap:var(--resize-aspect-gap);width:fit-content;margin-top:var(--resize-aspect-top-space);color:var(--resize-aspect-color);font-size:var(--resize-aspect-font-size);font-weight:var(--resize-aspect-font-weight);cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1.3;display:inline-flex}.resize-image-app__aspect-check input{width:var(--resize-aspect-checkbox-size);height:var(--resize-aspect-checkbox-size);accent-color:var(--resize-aspect-accent);cursor:pointer;margin:0}.resize-image-app__aspect-check input:disabled,.resize-image-app__aspect-check input:disabled+span{cursor:not-allowed}@media (max-width:640px){.resize-image-app__dimensions{width:100%;display:grid;gap:var(--resize-mobile-dimensions-gap)!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.resize-image-app__dimensions .resize-image-app__field{width:100%;min-width:0;margin-top:12px}.resize-image-app__dimensions .resize-image-app__field>span{font-size:var(--resize-mobile-field-label-size)}.resize-image-app__dimensions .resize-image-app__input-with-unit,.resize-image-app__dimensions .resize-image-app__input-with-unit input{width:100%;min-width:0}.resize-image-app__dimensions .resize-image-app__input-with-unit input{font-size:var(--resize-mobile-input-font-size);padding-left:10px;padding-right:34px!important}.resize-image-app__dimensions .resize-image-app__input-with-unit>span{font-size:var(--resize-mobile-input-unit-size);right:10px}.resize-image-app__actions--inside{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}@media (max-width:390px){.resize-image-app__actions--inside{grid-template-columns:repeat(2,minmax(0,1fr))}.resize-image-app__actions--inside .resize-image-app__action-button{min-height:44px;padding:0 8px;font-size:13px}}
:root{--resize-seo-width:880px;--resize-seo-padding-top:28px;--resize-seo-padding-inline:20px;--resize-seo-padding-bottom:50px;--resize-seo-background:#fff;--resize-seo-panel:#f7f8fa;--resize-seo-border:#e4e6eb;--resize-seo-heading-color:#24252b;--resize-seo-text-color:#60646e;--resize-seo-red:#e5322d;--resize-seo-soft-red:#fff2f1;--resize-seo-number-border:#ffd1ce;--resize-seo-title-size:30px;--resize-seo-title-weight:800;--resize-seo-title-line-height:1.16;--resize-seo-lead-size:16px;--resize-seo-lead-line-height:1.72;--resize-seo-step-padding-y:22px;--resize-seo-step-gap:18px;--resize-seo-step-number-size:36px;--resize-seo-step-title-size:21px;--resize-seo-step-text-size:15px;--resize-seo-step-text-line-height:1.72;--resize-seo-benefits-title-size:23px;--resize-seo-benefits-text-size:15px;--resize-seo-benefits-radius:14px;--resize-seo-faq-title-size:30px;--resize-seo-faq-question-size:19px;--resize-seo-faq-answer-size:15px}.resize-image-seo{width:100%;padding:var(--resize-seo-padding-top) var(--resize-seo-padding-inline) var(--resize-seo-padding-bottom);color:var(--resize-seo-text-color);background:var(--resize-seo-background);border-top:1px solid var(--resize-seo-border);font-family:Arial,Helvetica,sans-serif}.resize-image-seo__container{width:min(var(--resize-seo-width), 100%);margin:0 auto}.resize-image-seo__intro{margin-bottom:24px}.resize-image-seo__title{color:var(--resize-seo-heading-color);font-size:var(--resize-seo-title-size);font-weight:var(--resize-seo-title-weight);line-height:var(--resize-seo-title-line-height);letter-spacing:-.03em;margin:0}.resize-image-seo__lead{max-width:800px;font-size:var(--resize-seo-lead-size);line-height:var(--resize-seo-lead-line-height);margin:14px 0 0}.resize-image-seo__steps{border-top:1px solid var(--resize-seo-border)}.resize-image-seo__step{grid-template-columns:var(--resize-seo-step-number-size) minmax(0, 1fr);gap:var(--resize-seo-step-gap);padding:var(--resize-seo-step-padding-y) 0;border-bottom:1px solid var(--resize-seo-border);display:grid}.resize-image-seo__step>span{width:var(--resize-seo-step-number-size);height:var(--resize-seo-step-number-size);color:var(--resize-seo-red);background:var(--resize-seo-soft-red);border:1px solid var(--resize-seo-number-border);border-radius:50%;place-items:center;font-size:11px;font-weight:900;display:grid}.resize-image-seo__step h3{color:var(--resize-seo-heading-color);font-size:var(--resize-seo-step-title-size);margin:2px 0 8px;font-weight:800}.resize-image-seo__step p{font-size:var(--resize-seo-step-text-size);line-height:var(--resize-seo-step-text-line-height);margin:0}.resize-image-seo__benefits{background:var(--resize-seo-panel);border:1px solid var(--resize-seo-border);border-radius:var(--resize-seo-benefits-radius);margin-top:28px;padding:26px 28px}.resize-image-seo__benefits h3{color:var(--resize-seo-heading-color);font-size:var(--resize-seo-benefits-title-size);margin:0 0 15px}.resize-image-seo__benefits ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 22px;margin:0;padding:0;list-style:none;display:grid}.resize-image-seo__benefits li{font-size:var(--resize-seo-benefits-text-size);padding-left:25px;line-height:1.55;position:relative}.resize-image-seo__benefits li:before{content:"✓";color:var(--resize-seo-red);font-weight:900;position:absolute;left:0}.resize-image-seo__faq{margin-top:36px}.resize-image-seo__faq>h2{color:var(--resize-seo-heading-color);font-size:var(--resize-seo-faq-title-size);margin:0 0 16px;font-weight:800}.resize-image-seo__faq-list{border-top:1px solid var(--resize-seo-border)}.resize-image-seo__faq-list article{border-bottom:1px solid var(--resize-seo-border);padding:18px 0}.resize-image-seo__faq-list h3{color:var(--resize-seo-heading-color);font-size:var(--resize-seo-faq-question-size);margin:0 0 7px}.resize-image-seo__faq-list p{font-size:var(--resize-seo-faq-answer-size);margin:0;line-height:1.7}@media (max-width:700px){:root{--resize-seo-padding-top:24px;--resize-seo-padding-inline:16px;--resize-seo-padding-bottom:40px;--resize-seo-lead-size:15px;--resize-seo-step-padding-y:19px;--resize-seo-step-gap:12px;--resize-seo-step-number-size:32px;--resize-seo-step-title-size:18px;--resize-seo-step-text-size:14px;--resize-seo-benefits-title-size:20px;--resize-seo-benefits-text-size:14px;--resize-seo-faq-question-size:16px;--resize-seo-faq-answer-size:14px}.resize-image-seo__benefits{padding:22px 18px}.resize-image-seo__benefits ul{grid-template-columns:1fr}}