: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;--wz-color-on-action:#FFF;--wz-color-action-soft:rgba(0,86,153,0.08);--wz-color-error-text:#D40129;--wz-color-warning-text:#92620a;--wz-color-warning-bg:#fdf3e0;--wz-color-warning-border:#f2d9a3;--wz-color-table-header-bg:#D3E9FF}
.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)}
.color-gray{color:var(--wz-color-text-muted)}
.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-purpose__options{display:flex;gap:12px}
.wztool-purpose{margin-bottom:0;display:flex;justify-content:center;align-items:flex-end;gap:12px}
.wztool-purpose__btn{padding:12px;min-width:100px;border-radius:8px 8px 0 0;border-top:1px solid var(--wz-color-border-input);border-left:1px solid var(--wz-color-border-input);border-right:1px solid var(--wz-color-border-input);border-bottom:0;text-align:center;font-size:16px;font-weight:400;line-height:24px;color:var(--wz-color-text-muted);background-color:var(--wz-color-surface-subtle);position:relative;z-index:1;transition:all 0.3s ease}
.wztool-purpose__btn:hover{border-color:var(--wz-color-tab-active);color:var(--wz-color-text)}
.wztool-purpose__btn[aria-pressed="true"]{border-radius:0;border-color:transparent;background-color:var(--wz-color-surface-raised);font-weight:700;color:var(--wz-color-text);z-index:3}
.wztool-purpose__btn[aria-pressed="true"]:after{content:"";border-top:8px solid var(--wz-color-tab-active);position:absolute;top:-8px;left:0;width:100%;border-radius:8px 8px 0 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-panel{padding:24px;border:1px solid var(--wz-color-border-subtle);border-radius:12px;margin-bottom:24px;background-color:transparent}
.wztool-range{--track-h:6px;--thumb-d:20px;-webkit-appearance:none;flex:1;min-width:0;accent-color:var(--wz-color-border-subtle);height:4px;appearance:none;width:100%;background:var(--wz-color-border-subtle);cursor:pointer;border-radius:120px}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb-d);height:var(--thumb-d);border-radius:50%;background:var(--wz-color-action);border:2px solid var(--wz-color-on-action);box-shadow:0 1px 4px rgb(0 0 0 / 0.3);margin-top:-1px;stroke-width:4px;stroke:var(--wz-color-on-action);filter:drop-shadow(0 0 20px rgba(0,0,0,0.16))}
input[type="range"]::-moz-range-thumb{width:var(--thumb-d);height:var(--thumb-d);border:2px solid var(--wz-color-on-action);border-radius:50%;background:var(--wz-color-action);stroke-width:4px;stroke:var(--wz-color-on-action);box-shadow:0 1px 4px rgb(0 0 0 / 0.3)}
.wztool-control-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wztool-control-row__label{font-size:16px;white-space:nowrap}
.wztool-control-row__value{font-size:16px;font-weight:700;min-width:62px;text-align:right}
.wztool-checkbox{display:flex;align-items:center;gap:5px;font-size:14px}
.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:empty{margin:0;min-height:0}
.wztool-charsets{display:flex;gap:24px;flex-wrap:wrap;border:none;margin:0;padding:0}
.wztool-panel__note{margin:12px 0 0;font-size:14px;color:var(--wz-color-text-muted);text-align:left}
.wztool-error{margin:24px 0;font-size:14px;color:var(--wz-color-error-text);text-align:left}
.btn-w-icon svg{width:14px;height:14px;margin-right:2px}
.btn-w-icon.btn-primary svg{fill:var(--wz-color-on-action)}
.btn-generate:disabled{background:none;border:2px solid var(--wz-color-border-divider);color:var(--wz-color-border-divider)}
.btn-w-icon.btn-secondary:hover path,.btn-secondary.btn-w-icon:focus path,.btn-secondary.btn-w-icon:disabled path{stroke:var(--wz-color-on-action)}
.btn-dark{border:2px solid var(--wz-color-text)}
.btn-dark:hover{background-color:transparent;color:var(--wz-color-text)}
.btn-copy:disabled{background-color:var(--wz-color-border-divider)}
.btn-copy.copied svg{display:none}
.btn-copy.copied span:before{content:"";width:12px;height:9px;margin-right:4px;display:inline-block;background:url(/static/wz/images/product/winzip/web-tools/password-generator/icon-tick.svg) 50% 50% no-repeat transparent}
.wztool-btns{display:inline-flex;gap:12px;margin-top:24px}
.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}
.wztool-presets{border:none;border-radius:12px;overflow:auto}
.wztool-presets table{width:100%;border-collapse:collapse}
.wztool-presets th{background:var(--wz-color-table-header-bg);padding:12px 24px;border-bottom:1px solid var(--wz-color-border-subtle);font-size:18px;font-weight:700;line-height:26px;text-align:left}
.wztool-presets td{padding:12px 24px;border-bottom:1px solid var(--wz-color-border-subtle);border-right:1px solid var(--wz-color-border-subtle);font-size:16px;vertical-align:middle;width:33.33333%}
.wztool-presets td:last-child{border-right:none}
.wztool-presets tr[data-active="true"] td{background:var(--wz-color-surface-subtle)}
.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-primary);text-decoration:none}
.wztool-selected-files{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:4px}
.wztool-selected-files li{font-size:14px;color:var(--wz-color-text-muted)}
.wztool-result{overflow:hidden;margin:24px 0 0}
.wztool-warning{font-size:13px;color:var(--wz-color-warning-text);background:var(--wz-color-warning-bg);border:1px solid var(--wz-color-warning-border);border-radius:12px;padding:24px;margin:0 0 24px}
.wztool-compress-list{list-style:none;margin:0;padding:0}
.wztool-compress-item{border:1px solid var(--wz-color-border-subtle);border-radius:12px;padding:24px}
.wztool-compress-item__preview{display:flex;gap:12px;margin-bottom:24px}
.wztool-compress-item__figure{flex:1;min-width:0;margin:0;text-align:center}
.wztool-compress-item__figure img{width:100%;height:96px;object-fit:cover;border-radius:var(--wz-radius-sm);background:var(--wz-color-surface-alt)}
.wztool-compress-item__figure figcaption{font-size:11px;color:var(--wz-color-text-muted);margin-top:4px}
.wztool-compress-item__row{display:flex;flex-direction: column;align-items:center;justify-content:space-between;text-align:left;gap:24px}
.wztool-compress-item__summary{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--wz-color-text);font-weight:500}
.wztool-compress-item__summary svg{width:15px;height:15px;color:var(--wz-color-success-text);flex-shrink:0}
.wztool-compress-zip{display:flex;justify-content:center;margin-top:24px}
.wztool-compress-zip__link:hover{background:var(--wz-color-action-soft)}
@media (min-width:992px){
.section-padding{padding:80px 0}
.hero{padding:40px 0 80px}
.hero-tabs-content{padding:40px}
.wztool-purpose__btn{padding:12px;min-width:188px}
.wztool-strength__bars{gap:8px}
.wztool-strength__bar{width:120px}
.wztool-control-row{gap:24px}
.wztool-result__value{font-size:24px}
.wztool-compress-item__row{flex-direction: row;}
.steps-list-col{margin-bottom:0}
}
@media (min-width:1200px){
.hero-title{font-size:48px;line-height:56px}
}