.password-card{min-width:0;min-height:590px;padding:30px;overflow:hidden;border:1px solid #e1e9f3;border-radius:22px;background:#fff;box-shadow:var(--shadow, 0 18px 50px rgba(36, 65, 108, .11))}.password-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.password-heading>div{min-width:0}.password-heading h2{margin:0;color:var(--ink, #152033);font-size:19px;line-height:1.35}.password-heading p{margin:5px 0 0;color:var(--muted, #728097);font-size:12px;line-height:1.65}.password-layout{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(360px,1.12fr);align-items:start;gap:18px}.password-controls,.password-results{min-width:0;border:1px solid #dce7f2;border-radius:16px}.password-controls{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f8fbff}.password-results{display:flex;flex-direction:column;gap:14px;padding:20px;background:linear-gradient(145deg,#fbfdff,#f1f7ff)}.password-length-card{padding:14px;border:1px solid #dce8f4;border-radius:12px;background:#fff}.password-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#50677e;font-size:12px;font-weight:800}.password-section-heading>div:first-child{min-width:0}.password-section-heading b{display:block;color:#415a72;font-size:13px}.password-section-heading small{display:block;margin-top:3px;color:#91a2b3;font-size:9px;font-weight:500;line-height:1.45}.password-length-input{display:grid;grid-template-columns:32px 54px 32px;flex:none;gap:4px}.password-length-input button,.password-length-input input{min-width:0;height:34px;border:1px solid #d7e4f0;border-radius:8px;background:#f8fbff;color:#35648f;font:800 12px/1 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;text-align:center}.password-length-input button{cursor:pointer}.password-length-input button:hover{border-color:#91c1f3;background:#eef7ff;color:#176ee5}.password-length-input input{padding:0 4px;appearance:textfield;font-variant-numeric:tabular-nums}.password-length-input input::-webkit-inner-spin-button{appearance:none}#passwordLengthRange{width:100%;height:6px;margin:17px 0 8px;appearance:none;border:0;border-radius:999px;outline:0;background:#dbe7f4;accent-color:var(--blue, #1677ff);cursor:pointer}#passwordLengthRange::-webkit-slider-thumb{width:18px;height:18px;appearance:none;border:3px solid #fff;border-radius:50%;background:var(--blue, #1677ff);box-shadow:0 2px 7px #1677ff5c}#passwordLengthRange::-moz-range-thumb{width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:var(--blue, #1677ff);box-shadow:0 2px 7px #1677ff5c}#passwordLengthRange:focus-visible{outline:3px solid #d9ecff;outline-offset:4px}.password-presets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:13px}.password-presets button{min-width:0;min-height:34px;padding:6px 4px;border:1px solid #d7e4f0;border-radius:8px;background:#f9fcff;color:#61798f;font:800 11px/1 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;cursor:pointer;transition:border-color .18s,background .18s,color .18s,transform .18s}.password-presets button:hover{border-color:#91c1f3;color:#176ee5;transform:translateY(-1px)}.password-presets button.active,.password-presets button[aria-pressed=true]{border-color:#63a8f0;background:#eaf4ff;color:#126ddd;box-shadow:0 0 0 2px #dceeff}.password-options-fieldset{min-width:0;margin:0;padding:0;border:0}.password-options-fieldset legend{margin-bottom:9px;color:#526a81;font-size:11px;font-weight:800}.password-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.password-symbol-note{margin:8px 2px 0;color:#71869b;font-size:10px;line-height:1.55}.password-option.wide{grid-column:1 / -1}.password-option{position:relative;display:flex;min-height:47px;align-items:center;gap:9px;padding:10px 11px;border:1px solid #dce7f1;border-radius:10px;background:#fff;color:#4f677e;cursor:pointer;transition:border-color .18s,background .18s,box-shadow .18s}.password-option:hover{border-color:#a6ccef;background:#fbfdff}.password-option:has(input:checked){border-color:#75b1ed;background:#eff7ff;box-shadow:0 0 0 2px #e1f0ff}.password-option input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.password-option-check{display:grid;width:19px;height:19px;flex:none;place-items:center;border:1.5px solid #bdcddd;border-radius:6px;background:#fff;color:transparent;font-size:11px;font-weight:900;transition:.18s}.password-option input:checked+.password-option-check{border-color:var(--blue, #1677ff);background:var(--blue, #1677ff);color:#fff}.password-option:has(input:focus-visible){outline:3px solid #d9ecff;outline-offset:2px}.password-option>span:last-child{display:block;min-width:0;color:#516a81;font-size:11px;line-height:1.3}.password-option b{display:block}.password-option small{display:block;margin-top:2px;color:#94a4b3;font-size:9px;line-height:1.35}.password-privacy-note{display:flex;align-items:flex-start;gap:8px;margin:0;padding:10px 11px;border:1px solid #d5eee1;border-radius:10px;background:#effaf4;color:#5b8370;font-size:10px;line-height:1.6}.password-privacy-note>span{color:#15aa6c;font-size:14px;font-weight:900;line-height:1.2}.password-privacy-note b{color:#32785b}.password-output-card{padding:16px;border:1px solid #d7e5f3;border-radius:13px;background:#fff;box-shadow:0 7px 19px #4670990f}.password-result-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.password-result-heading>div{min-width:0}.password-result-heading span{display:block;color:#405d78;font-size:13px;font-weight:850}.password-result-heading b{display:block;margin-top:3px;color:#93a4b4;font-size:9px;font-weight:600}.password-secure-badge{flex:none;padding:5px 8px;border-radius:999px;background:#eaf8f1;color:#169462!important;font-size:9px!important}.password-output-row{display:flex;align-items:stretch;gap:8px}.password-output{display:block;width:100%;min-width:0;min-height:58px;padding:15px 14px;overflow-wrap:anywhere;border:1px solid #d7e5f2;border-radius:10px;background:#f8fbff;color:#1f548a;font:800 clamp(15px,2vw,20px)/1.45 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.035em}.password-output[data-empty=true]{color:#9aa9b8;font-family:inherit;font-size:13px;font-weight:700;letter-spacing:0}.password-output-actions{display:flex;flex:none;flex-direction:column;gap:6px}.password-output-actions button,.password-primary-actions button{min-height:38px;border:1px solid #d3e3f1;border-radius:9px;background:#fff;color:#4d6c89;font:800 11px/1 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;cursor:pointer;transition:border-color .18s,color .18s,background .18s,transform .18s,box-shadow .18s}.password-output-actions button{width:48px;padding:5px;font-size:10px}.password-output-actions button:hover,.password-primary-actions button.secondary:hover{border-color:#95c3f1;background:#eef7ff;color:#176ee5;transform:translateY(-1px)}.password-output-actions button.is-copied,.password-output-actions button[data-copied=true]{border-color:#7bceb0;background:#edfbf4;color:#138457}.password-strength-card{padding:13px 1px 0}.password-strength-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#60788e;font-size:11px;font-weight:800}.password-strength-head>div span{display:block;color:#8497aa;font-size:9px}.password-strength-head>div b{display:block;margin-top:2px;color:#16895f;font-size:14px}.password-strength-head>span{color:#7f91a5;font-size:9px;text-align:right}.password-strength-head>span[data-state=error]{color:#d8565c}.password-strength-track{height:8px;margin-top:9px;overflow:hidden;border-radius:99px;background:#e4ebf3}.password-strength-fill,#passwordStrengthFill{display:block;width:var(--password-strength-width, 0%);height:100%;border-radius:inherit;background:#aab9c8;transition:width .25s ease,background .25s ease}.password-strength-card[data-strength=weak] .password-strength-fill{background:#ef6b70}.password-strength-card[data-strength=fair] .password-strength-fill{background:#f3ad48}.password-strength-card[data-strength=good] .password-strength-fill{background:#64aef0}.password-strength-card[data-strength=strong] .password-strength-fill{background:#41b981}.password-strength-card[data-strength=very-strong] .password-strength-fill{background:linear-gradient(90deg,#16aa74,#1677ff)}.password-strength-card[data-strength=weak] .password-strength-head b{color:#d8565c}.password-strength-card[data-strength=fair] .password-strength-head b{color:#be7b20}.password-strength-card[data-strength=good] .password-strength-head b{color:#337fc4}.password-strength-card[data-strength=strong] .password-strength-head b,.password-strength-card[data-strength=very-strong] .password-strength-head b{color:#16895f}.password-strength-meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.password-strength-meta>div{padding:9px 10px;border:1px solid #e0e9f2;border-radius:9px;background:#fff}.password-strength-meta span{display:block;color:#8a9bad;font-size:9px}.password-strength-meta b{display:block;margin-top:3px;color:#526b82;font-size:10px;overflow-wrap:anywhere}.password-guidance{margin:10px 0 0;padding:12px;border:1px solid #dce9f4;border-radius:10px;background:#f5f9fd;color:#70869a;font-size:11px;line-height:1.65}.password-guidance b{color:#43617f}.password-primary-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}.password-primary-actions button.primary,.password-primary-actions button:first-child:not(.secondary){border-color:transparent;background:linear-gradient(135deg,#2b91ff,#166df3);color:#fff;box-shadow:0 7px 16px #1677ff33}.password-primary-actions button.primary:hover,.password-primary-actions button:first-child:not(.secondary):hover{filter:brightness(1.04);transform:translateY(-1px)}.password-card button:focus-visible{outline:3px solid #d4eaff;outline-offset:2px}.password-card button:disabled{border-color:#e2e8ef;background:#edf1f5;color:#a0adba;box-shadow:none;cursor:not-allowed;transform:none}.password-tip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.password-tip-grid>article,.password-tip-grid>div{min-width:0;padding:11px;border:1px solid #dfebf5;border-radius:10px;background:#ffffffc2}.password-tip-grid>article{display:flex;gap:8px}.password-tip-grid>article>span{display:grid;width:20px;height:20px;flex:none;place-items:center;border-radius:7px;background:#eaf4ff;color:#176ee5;font-size:9px;font-weight:900}.password-tip-grid b{display:block;color:#506b84;font-size:11px}.password-tip-grid p{margin:5px 0 0;color:#8496a8;font-size:9px;line-height:1.55}@media(max-width:900px){.password-layout{grid-template-columns:1fr}.password-results{min-height:0}.password-tip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.password-card{min-height:0;padding:18px 14px;border-radius:18px}.password-heading{align-items:flex-start;flex-direction:column;gap:7px;margin-bottom:16px}.password-heading h2{font-size:17px}.password-section-heading{align-items:flex-start;flex-direction:column}.password-length-input{width:100%;grid-template-columns:36px minmax(54px,1fr) 36px}.password-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.password-controls,.password-results{gap:13px;padding:14px;border-radius:13px}.password-output-card{padding:13px}.password-output-row{align-items:stretch}.password-output{min-height:54px;padding:13px 11px;font-size:15px}.password-output-actions button{width:38px}.password-tip-grid{grid-template-columns:1fr}.password-tip-grid>article,.password-tip-grid>div{padding:10px}}@media(max-width:380px){.password-card{padding-right:11px;padding-left:11px}.password-controls,.password-results{padding:12px}.password-option-grid{grid-template-columns:1fr}.password-presets{gap:4px}.password-presets button{font-size:10px}.password-primary-actions{grid-template-columns:1fr}.password-output-row{flex-direction:column}.password-output-actions{display:grid;grid-template-columns:1fr 1fr}.password-output-actions button{width:100%;min-height:34px}.password-strength-meta{flex-direction:column;gap:2px}}