.container[data-v-ae225d8e]{max-width:1200px;margin:0 auto}.pwd-view[data-v-ae225d8e]{min-height:calc(100vh - 200px);padding:0 0 24px}.pwd-container[data-v-ae225d8e]{border-radius:20px;flex-direction:column;gap:48px;width:min(960px,100%);margin:0 auto;padding:48px 24px 24px;display:flex}.pwd-section__title[data-v-ae225d8e],.pwd-hero__title[data-v-ae225d8e]{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pwd-hero[data-v-ae225d8e]{text-align:center;padding:16px 0 8px}.pwd-hero__title[data-v-ae225d8e]{letter-spacing:-.03em;margin:0;font-size:clamp(40px,6vw,64px);font-weight:800;line-height:1.1}.pwd-section[data-v-ae225d8e]{flex-direction:column;gap:16px;display:flex}.pwd-section__title[data-v-ae225d8e]{letter-spacing:-.01em;margin:0;font-size:26px;font-weight:800}.pwd-card[data-v-ae225d8e]{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.pwd-card[data-v-ae225d8e] .el-card__body{padding:0}.pwd-settings[data-v-ae225d8e]{flex-direction:column;gap:28px;padding:36px;display:flex}.pwd-grid[data-v-ae225d8e]{grid-template-columns:repeat(2,1fr);gap:24px 32px;display:grid}.pwd-grid--3col[data-v-ae225d8e]{grid-template-columns:repeat(3,1fr)}@media (width<=768px){.pwd-grid--3col[data-v-ae225d8e]{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.pwd-grid--3col[data-v-ae225d8e],.pwd-grid[data-v-ae225d8e]{grid-template-columns:1fr}}.pwd-field[data-v-ae225d8e]{flex-direction:column;gap:10px;display:flex}.pwd-field--count[data-v-ae225d8e]{justify-content:flex-end}.pwd-field__label[data-v-ae225d8e]{color:#64748b;letter-spacing:.12em;font-size:12px;font-weight:500}.pwd-field__label-row[data-v-ae225d8e]{justify-content:space-between;align-items:center;display:flex}.pwd-field__input[data-v-ae225d8e]{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:11px 16px;font-size:14px;font-weight:500;transition:all .2s}.pwd-field__input[data-v-ae225d8e]::placeholder{color:#94a3b8;font-weight:400}.pwd-field__input[data-v-ae225d8e]:focus{background:#fff;border-color:#0000;box-shadow:0 0 0 3px #0ea5e926}.pwd-field__input[data-v-ae225d8e]:disabled{opacity:.5;cursor:not-allowed}.pwd-char-tabs[data-v-ae225d8e] .el-tabs__header{margin:0 0 16px}.pwd-char-tabs[data-v-ae225d8e] .el-tabs__nav-wrap:after{height:1px}.pwd-char-tabs[data-v-ae225d8e] .el-tabs__item{color:#64748b;letter-spacing:.12em;height:40px;padding:0 20px;font-size:12px;font-weight:500;line-height:40px}.pwd-char-tabs[data-v-ae225d8e] .el-tabs__item.is-active{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.pwd-char-tabs[data-v-ae225d8e] .el-tabs__active-bar{background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);border-radius:2px;height:2px}.pwd-char-tabs[data-v-ae225d8e] .el-tabs__content{padding:0}.pwd-tab-label[data-v-ae225d8e]{letter-spacing:.12em;font-size:12px;font-weight:500}.pwd-tab-label__count[data-v-ae225d8e]{text-transform:none;letter-spacing:0;color:#94a3b8;margin-left:2px;font-weight:400}.pwd-char-panel[data-v-ae225d8e]{flex-direction:column;gap:12px;display:flex}.pwd-char-actions[data-v-ae225d8e]{gap:16px;display:flex}.pwd-char-toggle[data-v-ae225d8e]{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.pwd-char-toggle input[type=checkbox][data-v-ae225d8e]{accent-color:#0ea5e9;cursor:pointer;width:15px;height:15px}.pwd-char-grid[data-v-ae225d8e]{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:8px;display:grid}.pwd-char-option[data-v-ae225d8e]{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;height:42px;transition:all .2s;display:flex}.pwd-char-option span[data-v-ae225d8e]{color:#0f172a;font-family:SF Mono,JetBrains Mono,Courier New,monospace;font-size:14px;font-weight:600}.pwd-char-option input[type=checkbox][data-v-ae225d8e]{display:none}.pwd-char-option[data-v-ae225d8e]:hover{background:#fff;border-color:#cbd5e1}.pwd-char-option[data-v-ae225d8e]:has(input:checked){background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);border-color:#0000;box-shadow:0 2px 8px #0ea5e933}.pwd-char-option:has(input:checked) span[data-v-ae225d8e]{color:#fff}.pwd-range[data-v-ae225d8e]{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:999px;outline:none;width:100%;height:6px}.pwd-range[data-v-ae225d8e]::-webkit-slider-thumb{appearance:none;cursor:pointer;background-color:#fff;background-image:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%),linear-gradient(#fff,#fff);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:border-box;background-clip:content-box,border-box;border:3px solid #0000;border-radius:50%;width:22px;height:22px;transition:transform .15s;box-shadow:0 2px 8px #0ea5e94d}.pwd-range[data-v-ae225d8e]::-webkit-slider-thumb:hover{transform:scale(1.1)}.pwd-range[data-v-ae225d8e]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);border:3px solid #fff;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #0ea5e94d}.pwd-length-val[data-v-ae225d8e]{text-align:right;background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;min-width:40px;font-size:22px;font-weight:700}.pwd-actions[data-v-ae225d8e]{justify-content:center;display:flex}.pwd-generate-btn[data-v-ae225d8e]{letter-spacing:.02em;background:linear-gradient(135deg,#0ea5e9 0%,#06b6d4 50%,#14b8a6 100%);border:none;border-radius:14px;min-width:280px;height:52px;font-size:15px;font-weight:500;transition:all .2s;box-shadow:0 4px 16px #0ea5e940}.pwd-generate-btn[data-v-ae225d8e]:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0ea5e959}.pwd-generate-btn[data-v-ae225d8e]:active{transform:translateY(0)}.pwd-generate-btn .el-icon[data-v-ae225d8e]{margin-right:6px}.pwd-error[data-v-ae225d8e]{color:#ef4444;text-align:center;margin:-8px 0 0;font-size:13px;font-weight:500}.pwd-results[data-v-ae225d8e]{border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;padding-top:24px;display:flex}.pwd-results__label[data-v-ae225d8e]{color:#64748b;letter-spacing:.12em;font-size:12px;font-weight:500}.pwd-results__list[data-v-ae225d8e]{flex-direction:column;gap:10px;display:flex}.pwd-item[data-v-ae225d8e]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.pwd-item[data-v-ae225d8e]:hover{background:#fff;border-color:#cbd5e1}.pwd-item__body[data-v-ae225d8e]{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.pwd-item__text[data-v-ae225d8e]{color:#0f172a;word-break:break-all;letter-spacing:.03em;font-family:SF Mono,JetBrains Mono,Courier New,monospace;font-size:14px;font-weight:600;line-height:1.5}.pwd-item__strength[data-v-ae225d8e]{align-items:center;gap:10px;display:flex}.pwd-item__copy[data-v-ae225d8e]{border-radius:10px;flex-shrink:0;height:38px;font-weight:500}.pwd-item__copy .el-icon[data-v-ae225d8e]{margin-right:4px}.pwd-strength-bar[data-v-ae225d8e]{background:#e2e8f0;border-radius:999px;flex:1;height:4px;overflow:hidden}.pwd-strength-bar__fill[data-v-ae225d8e]{border-radius:999px;height:100%;transition:width .35s}.pwd-strength-bar__fill.weak[data-v-ae225d8e]{background:linear-gradient(90deg,#ef4444,#f87171)}.pwd-strength-bar__fill.medium[data-v-ae225d8e]{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.pwd-strength-bar__fill.strong[data-v-ae225d8e]{background:linear-gradient(90deg,#10b981,#34d399)}.pwd-strength-label[data-v-ae225d8e]{text-transform:uppercase;letter-spacing:.08em;text-align:right;min-width:52px;font-size:11px;font-weight:700}.pwd-strength-label.weak[data-v-ae225d8e]{color:#ef4444}.pwd-strength-label.medium[data-v-ae225d8e]{color:#f59e0b}.pwd-strength-label.strong[data-v-ae225d8e]{color:#10b981}.pwd-disclaimer[data-v-ae225d8e]{background:linear-gradient(135deg,#0ea5e914 0%,#14b8a614 100%);border-radius:14px;align-items:flex-start;gap:12px;padding:16px 20px;display:flex}.pwd-disclaimer__icon[data-v-ae225d8e]{color:#0ea5e9;flex-shrink:0;margin-top:1px;font-size:18px}.pwd-disclaimer p[data-v-ae225d8e]{color:#475569;margin:0;font-size:13px;font-weight:500;line-height:1.6}[data-v-ae225d8e] .el-input-number{--el-input-number-control-bg-color:#f8fafc}[data-v-ae225d8e] .el-input-number .el-input__wrapper{background:#f8fafc;border-radius:12px;box-shadow:inset 0 0 0 1px #e2e8f0}[data-v-ae225d8e] .el-input-number .el-input__wrapper.is-focus{box-shadow:0 0 0 3px #0ea5e926!important}
