:root{--wz-color-text:#000;--wz-color-text-muted:#616161;--wz-color-surface-raised:#FFF;--wz-color-surface-subtle:#F8F8F8;--wz-color-step-icon-bg:#BAEAFF;--wz-color-border-subtle:#DEDEDE;--wz-color-border-divider:#CBCBCB;--wz-color-border-input:#757575;--wz-color-action:#0067CB;--wz-color-focus-ring:#0052A3;--wz-color-tab-active:#FCBA2E;--wz-color-success-text:#0F6E56;--wz-gradient-cta-from:#F4CC73;--wz-gradient-cta-to:#FBEECF;--wz-shadow-card:0 0 8px rgba(0,0,0,0.10);--wz-shadow-toggle:0 6px 6px 0 rgba(0,0,0,0.05);--wz-color-primary:#0052a3}
.wztool-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body{color:var(--wz-color-text);}
.bg-gray{background-color:var(--wz-color-surface-subtle)}
.hero{padding:40px 0;}
.hero-title{margin-bottom:16px;font-style:normal;font-weight:400;letter-spacing:-0.96px}
.hero-description{margin-bottom:40px;font-size:18px;font-weight:400;line-height:26px}
.hero-description p{margin:0 0 12px}
.hero-icon{margin-right:8px;display:inline-block;position:relative;top:5px}
.hero-icon img{display:block;width:15px}
.hero-tabs-content{padding:20px;border-radius:20px;background:var(--wz-color-surface-raised);box-shadow:var(--wz-shadow-card);position:relative;z-index:2}
.wztool-dropzone{min-height:160px;display:flex;justify-content:center;flex-direction:column;border:2px dashed var(--wz-color-border-input);border-radius:12px;padding:24px;text-align:center;background:var(--wz-color-surface-subtle);margin-bottom:24px;cursor:pointer;}
.wztool-dropzone:hover, .wztool-dropzone--active{background:var(--wz-color-surface-subtle);border-color:var(--wz-color-action);}
.wztool-dropzone__icon{width:28px;height:28px;color:var(--wz-color-primary);margin:0 auto;}
.wztool-dropzone__title{font-size:14px;font-weight:500;color:var(--wz-color-text);margin:10px 0 4px;}
.wztool-dropzone__hint{font-size:12px;color:var(--wz-color-text-muted);margin:0;}
.wztool-error{min-height:1.2em;margin:0 0 var(--wz-space-2);font-size:13px;color:var(--wz-color-danger);}
.wztool-error:empty{margin:0;min-height:0;}
.wztool-tabs{display:flex;border-bottom:1px solid var(--wz-color-border-subtle);margin-bottom:24px}
.wztool-tabs__tab{min-width:160px;font-size:16px;font-weight:400;line-height:24px;text-align:left;color:var(--wz-color-text-muted);background:none;border:none;border-bottom:4px solid transparent;padding:0;cursor:pointer;transition:all 0.3s ease;}
.wztool-tabs__tab:hover{color:var(--wz-color-text);border-bottom:4px solid var(--wz-color-text)}
.wztool-tabs__tab[aria-selected="true"]{font-weight:700;color:var(--wz-color-text);border-bottom:4px solid var(--wz-color-tab-active)}
.wztool-preview__note, .wztool-panel__note{margin:12px 0 24px;font-size:14px;color:var(--wz-color-text-muted);text-align:left}
.wztool-input,.wztool-select{width:100%;background:var(--wz-color-surface-raised);border:1px solid var(--wz-color-border-input);border-radius:4px;padding:14px 12px;font-size:16px;font-weight:500;line-height:1;text-align:left;min-height:48px;}
.wztool-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.75rem center;background-size:14px 8px;}
.wztool-select:focus-visible,.wztool-input:focus-visible{outline:2px solid var(--wz-color-focus-ring);outline-offset:0;}
.wztool-label{font-size:16px;white-space:nowrap;text-align:left;margin:0 0 4px;}
.wztool-dimensions-row__field{margin-bottom:16px}
.wztool-btns{display:inline-flex;gap:12px;margin-top:24px;}
.btn-dark{border:2px solid var(--wz-color-text);}
.btn-dark:hover{background-color:transparent;color:var(--wz-color-text);}
.btn-w-icon svg{width:18px;height:18px;margin-right:4px}
.btn-download svg{width:14px;height:14px;}
.wztool-ratio-picker{margin-bottom:40px;text-align:left;}
.action-section-inner{padding:40px;border-radius:20px;background:linear-gradient(92deg,var(--wz-gradient-cta-from) 26.44%,var(--wz-gradient-cta-to) 100%)}
.action-section-inner h2{margin-bottom:24px}
.action-section-inner p{margin:0;font-size:18px;line-height:26px}
.action-section .buttons{margin-top:32px}
.section-padding{padding:40px 0}
.section-intro{margin:0 0 40px}
.section-intro h2{font-weight:500}
.section-intro p{margin-bottom:0;}
.section-steps-list{margin-top:12px}
.steps-item{height:100%;padding:48px 24px 40px;background-color:var(--wz-color-surface-subtle);border-radius:12px;position:relative}
.steps-item__icon{width:56px;height:56px;border-radius:50%;background-color:var(--wz-color-step-icon-bg);display:flex;align-items:center;justify-content:center;position:absolute;top:-23px;left:50%;transform:translateX(-50%)}
.steps-item__icon img{max-width:27px;max-height:24px;width:auto;height:auto}
.steps-item__title{margin:0 0 8px;font-size:20px;font-weight:700;line-height:28px}
.steps-item p{margin:0;color:var(--wz-color-text-muted)}
.steps-list-col{margin-bottom:50px}
.accordion-item{background-color:transparent;border-color:var(--wz-color-border-divider)}
.accordion-flush .accordion-item:first-child{border-top:1px solid var(--wz-color-border-divider)}
.accordion-flush .accordion-item:last-child{border-bottom:1px solid var(--wz-color-border-divider)}
.accordion-button{padding:20px 0 16px 0;font-size:inherit;font-weight:inherit;color:inherit;background-color:transparent;box-shadow:none !important}
.accordion-button:focus{border:0;box-shadow:none !important}
.accordion-button:not(.collapsed){color:inherit;background-color:transparent}
.accordion-button::after{width:28px;height:28px;background:no-repeat center / 18px;background-image:url(/static/wz/images/icons/chevron-down-blue.svg)}
.accordion-button:not(.collapsed)::after{background-image:url(/static/wz/images/icons/chevron-down-blue.svg)}
.accordion-body{padding:0 0 16px}
.accordion-body p:last-child{margin-bottom:0}
.accordion-header{font-weight:700;font-size:20px}
.accordion-button:hover{color:var(--wz-color-focus-ring);text-decoration:none}
.wztool-preview{border-radius:12px;overflow:hidden;margin-bottom:24px;background:var(--wz-color-surface-subtle);display:flex;align-items:center;justify-content:center;min-height:160px;padding:24px;}
.wztool-preview__empty{font-size:14px;color:var(--wz-color-text-muted);margin:0;}
.wztool-preview__image{max-height:220px;width:auto;}
.wztool-unit-toggle{padding:4px;gap:12px;display:inline-flex;border:none;overflow:hidden;margin-bottom:24px;border-radius:120px;background-color:var(--wz-color-border-subtle);}
.wztool-unit-toggle__btn{min-width:80px;background:var(--wz-color-border-subtle);color:var(--wz-color-text);border:none;border-radius:120px;font-size:16px;font-weight:400;padding:12px 24px;cursor:pointer;}
.wztool-unit-toggle__btn[aria-pressed="true"]{font-weight:700;background:var(--wz-color-surface-raised);box-shadow:var(--wz-shadow-toggle);}
.wztool-dimensions-row{display:flex;flex-direction:column;justify-content:center;}
.wztool-dimensions-row__field{flex:1;min-width:0;text-align:left;}
.wztool-dimensions-row__lock{color:var(--wz-color-text);flex-shrink:0;}
.wztool-dimensions-row__lock svg{width:16px;height:16px;}
#wztool-resize-run, #wztool-crop-run{margin-bottom:0;}
.wztool-crop-image{display:block;max-width:100%;max-height:420px;}
.wztool-crop-stage[hidden]{display:none;}
.wztool-result-row{margin:24px 0 0;text-align:center;}
.wztool-result-row__summary{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:500;}
.wztool-result-row__summary svg{width:15px;height:15px;color:var(--wz-color-success-text);flex-shrink:0;}
@media (min-width: 768px){
.wztool-dimensions-row{flex-direction:row;align-items:center;gap:24px;}
.wztool-dimensions-row__lock{padding-top:10px;}
}
@media (min-width:992px){
.section-padding{padding:80px 0}
.hero{padding:40px 0 80px;}
.hero-tabs-content{padding:40px}
.steps-list-col{margin-bottom:0}
}
@media (min-width:1200px){
.hero-title{font-size:48px;line-height:56px;}
}