.pwg{gap:var(--space-lg);flex-direction:column;display:flex}.pwg-note{font-size:var(--step--1);color:var(--theme-text-secondary,var(--theme-text-muted));margin:0;line-height:1.6}.pwg-note code{font-family:var(--font-mono,monospace);background:var(--color-primary-subtle);color:var(--theme-text);white-space:nowrap;border-radius:4px;padding:1px 6px;font-size:.9em}.pwg-output-row{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);flex-wrap:wrap;display:flex}.pwg-output{width:100%;min-width:0;font-family:var(--font-mono,monospace);font-size:var(--step-1);letter-spacing:.04em;color:var(--theme-text);word-break:break-all;background:0 0;border:none;outline:none;flex:260px;padding:12px 4px}.pwg-output-actions{align-items:center;gap:var(--space-sm);flex:none;display:flex}.pwg-icon-btn{width:44px;height:44px;color:var(--theme-text-secondary,var(--theme-text));background:var(--theme-bg);border:1px solid var(--theme-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);flex:none;justify-content:center;align-items:center;display:inline-flex}.pwg-icon-btn svg{width:20px;height:20px}.pwg-icon-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.pwg-icon-btn:active svg{transition:transform var(--duration-normal);transform:rotate(-90deg)}.pwg-copy{width:auto;padding:0 var(--space-lg);height:44px}.pwg-copy.copied{background:var(--color-primary)}.pwg-error{font-size:var(--step--1);color:#dc4545}.pwg-error:empty{display:none}.pwg-meter{gap:var(--space-sm);flex-direction:column;display:flex}.pwg-strength{gap:6px;display:flex}.pwg-strength span{border-radius:var(--radius-full);background:var(--theme-border);height:8px;transition:background var(--duration-fast);flex:1}.pwg-meter[data-level="1"] .pwg-strength span:nth-child(-n+1){background:#dc4545}.pwg-meter[data-level="2"] .pwg-strength span:nth-child(-n+2){background:#e8853a}.pwg-meter[data-level="3"] .pwg-strength span:nth-child(-n+3){background:#d8b133}.pwg-meter[data-level="4"] .pwg-strength span:nth-child(-n+4){background:#2faa55}.pwg-status{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.pwg-status-head{align-items:center;gap:8px;margin:0;display:inline-flex}.pwg-emoji{font-size:var(--step-3);line-height:1}.pwg-emoji:empty{display:none}.pwg-status-head strong{font-size:var(--step-0);color:var(--theme-text-muted);transition:color var(--duration-fast);font-weight:600}.pwg-meter[data-level="1"] .pwg-status-head strong{color:#dc4545}.pwg-meter[data-level="2"] .pwg-status-head strong{color:#e8853a}.pwg-meter[data-level="3"] .pwg-status-head strong{color:#c79a1f}.pwg-meter[data-level="4"] .pwg-status-head strong{color:#2faa55}.pwg-entropy{font-size:var(--step--2);color:var(--theme-text-muted);font-family:var(--font-mono,monospace);margin:0}.pwg-entropy:empty{display:none}.pwg-hint{font-size:var(--step--1);color:var(--theme-text-muted);margin:2px 0 0}.pwg-hint:empty{display:none}.pwg-form{gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg);flex-direction:column;display:flex}.pwg-field{gap:var(--space-sm);flex-direction:column;display:flex}.pwg-length-head{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.pwg-length-head label{font-size:var(--step--1);color:var(--theme-text);font-weight:600}.pwg-length-head input[type=number]{width:80px;font-family:var(--font-mono,monospace);font-size:var(--step-0);text-align:center;color:var(--theme-text);background:var(--theme-bg);border:1px solid var(--theme-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);outline:none;padding:8px 10px}.pwg-length-head input[type=number]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c238381a}.pwg-form input[type=range]{appearance:none;border-radius:var(--radius-full);background:var(--theme-border);cursor:pointer;outline:none;width:100%;height:6px}.pwg-form input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-primary);border:3px solid var(--theme-bg);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000040}.pwg-form input[type=range]::-moz-range-thumb{background:var(--color-primary);border:3px solid var(--theme-bg);cursor:pointer;border-radius:50%;width:20px;height:20px}.pwg-presets{font-size:var(--step--2);color:var(--theme-text-muted);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pwg-presets button{font-family:var(--font-mono,monospace);font-size:var(--step--2);background:var(--theme-bg);border:1px solid var(--theme-border);color:var(--theme-text-secondary,var(--theme-text));border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast);padding:3px 10px}.pwg-presets button:hover{border-color:var(--color-primary);color:var(--color-primary)}.pwg-toggles{gap:var(--space-sm) var(--space-md);border:1px solid var(--theme-border);border-radius:var(--radius-md);padding:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0;display:grid}.pwg-toggles legend{font-size:var(--step--1);color:var(--theme-text);padding:0 var(--space-xs);font-weight:600}.pwg-check{font-size:var(--step--1);color:var(--theme-text);cursor:pointer;align-items:center;gap:8px;display:flex}.pwg-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex:none}.pwg-check--wide{grid-column:1/-1}.pwg-sample{font-family:var(--font-mono,monospace);font-size:var(--step--2);color:var(--theme-text-muted);background:var(--theme-bg);border-radius:4px;padding:1px 6px}.pwg-edu{margin-top:var(--space-md);padding-top:var(--space-xl);border-top:1px solid var(--theme-border)}.pwg-edu-title{font-size:var(--step-2);margin-bottom:var(--space-md)}.pwg-edu-sub{font-size:var(--step-0);margin:var(--space-lg) 0 var(--space-sm)}.pwg-edu p{color:var(--theme-text-secondary,var(--theme-text));margin-bottom:var(--space-md)}.pwg-fields{margin:0}.pwg-fields dt{color:var(--theme-text);margin-top:var(--space-sm);font-weight:700}.pwg-fields dd{margin:0 0 var(--space-sm);color:var(--theme-text-secondary,var(--theme-text))}.pwg-edu-list{color:var(--theme-text-secondary,var(--theme-text));padding-left:var(--space-lg)}.pwg-edu-list li{margin-bottom:var(--space-xs)}