.pwg{display:flex;flex-direction:column;gap:var(--space-lg)}.pwg-note{margin:0;font-size:var(--step--1);color:var(--theme-text-secondary, var(--theme-text-muted));line-height:1.6}.pwg-note code{font-family:var(--font-mono, monospace);font-size:.9em;background:var(--color-primary-subtle);color:var(--theme-text);padding:1px 6px;border-radius:4px;white-space:nowrap}.pwg-output-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);flex-wrap:wrap}.pwg-output{flex:1 1 260px;min-width:0;width:100%;padding:12px 4px;font-family:var(--font-mono, monospace);font-size:var(--step-1);letter-spacing:.04em;color:var(--theme-text);background:transparent;border:none;outline:none;word-break:break-all}.pwg-output-actions{display:flex;align-items:center;gap:var(--space-sm);flex:0 0 auto}.pwg-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;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)}.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{transform:rotate(-90deg);transition:transform var(--duration-normal)}.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{display:flex;flex-direction:column;gap:var(--space-sm)}.pwg-strength{display:flex;gap:6px}.pwg-strength span{flex:1;height:8px;border-radius:var(--radius-full);background:var(--theme-border);transition:background var(--duration-fast)}.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{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.pwg-status-head{display:inline-flex;align-items:center;gap:8px;margin:0}.pwg-emoji{font-size:var(--step-3);line-height:1}.pwg-emoji:empty{display:none}.pwg-status-head strong{font-size:var(--step-0);font-weight:600;color:var(--theme-text-muted);transition:color var(--duration-fast)}.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{margin:0;font-size:var(--step--2);color:var(--theme-text-muted);font-family:var(--font-mono, monospace)}.pwg-entropy:empty{display:none}.pwg-hint{margin:2px 0 0;font-size:var(--step--1);color:var(--theme-text-muted)}.pwg-hint:empty{display:none}.pwg-form{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg)}.pwg-field{display:flex;flex-direction:column;gap:var(--space-sm)}.pwg-length-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.pwg-length-head label{font-size:var(--step--1);font-weight:600;color:var(--theme-text)}.pwg-length-head input[type=number]{width:80px;padding:8px 10px;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);outline:none;transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.pwg-length-head input[type=number]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c238381a}.pwg-form input[type=range]{width:100%;appearance:none;height:6px;border-radius:var(--radius-full);background:var(--theme-border);outline:none;cursor:pointer}.pwg-form input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-primary);border:3px solid var(--theme-bg);box-shadow:0 1px 4px #00000040;cursor:pointer}.pwg-form input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-primary);border:3px solid var(--theme-bg);cursor:pointer}.pwg-presets{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:var(--step--2);color:var(--theme-text-muted)}.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));padding:3px 10px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-fast)}.pwg-presets button:hover{border-color:var(--color-primary);color:var(--color-primary)}.pwg-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm) var(--space-md);border:1px solid var(--theme-border);border-radius:var(--radius-md);padding:var(--space-md);margin:0}.pwg-toggles legend{font-size:var(--step--1);font-weight:600;color:var(--theme-text);padding:0 var(--space-xs)}.pwg-check{display:flex;align-items:center;gap:8px;font-size:var(--step--1);color:var(--theme-text);cursor:pointer}.pwg-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex:0 0 auto}.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);padding:1px 6px;border-radius:4px}.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{font-weight:700;color:var(--theme-text);margin-top:var(--space-sm)}.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)}
