:root{--pwg-primary:#6366f1;--pwg-primary-rgb:99, 102, 241;--pwg-primary-light:#6366f114;--pwg-primary-glow:#6366f140;--pwg-text:#1e293b;--pwg-text-secondary:#475569;--pwg-text-muted:#64748b;--pwg-bg:#fff;--pwg-bg-subtle:#f8fafc;--pwg-bg-hover:#6366f10a;--pwg-border:#e2e8f0;--pwg-border-light:#0000000f;--pwg-card-shadow:0 1px 2px #0000000a, 0 4px 12px #0000000a;--pwg-radius:8px;--pwg-radius-lg:12px;--pwg-strength-weak:#ef4444;--pwg-strength-fair:#f59e0b;--pwg-strength-strong:#10b981;--pwg-strength-very-strong:#059669;--pwg-success:#10b981;--pwg-success-light:#10b9811a}._pwg-container{flex-direction:column;gap:1.25rem;max-width:640px;margin:0 auto;display:flex}._pwg-mode-tabs-wrap{justify-content:center;display:flex}._pwg-mode-tabs{background:var(--pwg-bg);border-style:solid;border-width:1.5px;border-color:var(--pwg-border);box-shadow:var(--pwg-card-shadow);border-radius:99px;gap:.25rem;padding:.25rem;display:inline-flex;position:relative}._pwg-mode-tab{z-index:1;cursor:pointer;color:var(--pwg-text-muted);background:0 0;border:none;border-radius:99px;align-items:center;gap:.375rem;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;transition:color .2s;display:inline-flex;position:relative}._pwg-mode-tab svg{opacity:.6;transition:opacity .2s}._pwg-mode-tab:hover{color:var(--pwg-text)}._pwg-mode-tab:hover svg{opacity:.8}._pwg-mode-tab--active{color:#fff}._pwg-mode-tab--active svg{opacity:1}._pwg-mode-tab--active:hover{color:#fff}._pwg-mode-indicator{background:var(--pwg-primary);height:calc(100% - .5rem);box-shadow:0 2px 8px rgba(var(--pwg-primary-rgb), .3);z-index:0;border-radius:99px;transition:left .25s cubic-bezier(.4,0,.2,1),width .25s cubic-bezier(.4,0,.2,1);position:absolute;top:.25rem;left:.25rem}._pwg-main-card,._pwg-settings-card,._pwg-section-card{background:var(--pwg-bg);border-radius:var(--pwg-radius-lg);border-style:solid;border-width:1px;border-color:var(--pwg-border);box-shadow:var(--pwg-card-shadow)}._pwg-main-card{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}._pwg-settings-card{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}._pwg-label{color:var(--pwg-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}._pwg-input{border-style:solid;border-width:1.5px;border-color:var(--pwg-border);border-radius:var(--pwg-radius);color:var(--pwg-text);background:var(--pwg-bg);outline:none;width:100%;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}._pwg-input:focus{border-color:var(--pwg-primary);box-shadow:0 0 0 3px rgba(var(--pwg-primary-rgb), .1)}._pwg-input-mono{font-family:var(--main-font-mono)}._pwg-btn{border-radius:var(--pwg-radius);cursor:pointer;white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.375rem;padding:.5625rem 1.125rem;font-size:.8125rem;font-weight:500;transition:opacity .15s,box-shadow .15s;display:inline-flex}._pwg-btn:hover{opacity:.85}._pwg-btn-primary{background:var(--pwg-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--pwg-primary-rgb), .25)}._pwg-btn-secondary{background:var(--pwg-bg);color:var(--pwg-text-secondary);border-style:solid;border-width:1.5px;border-color:var(--pwg-border)}._pwg-btn-secondary:hover{border-color:rgba(var(--pwg-primary-rgb), .3);color:var(--pwg-primary)}._pwg-btn-sm{padding:.375rem .75rem;font-size:.75rem}._pwg-checkbox{color:var(--pwg-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.375rem;font-size:.8125rem;display:inline-flex}._pwg-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--pwg-primary);cursor:pointer}._pwg-section-toggle{cursor:pointer;width:100%;color:var(--pwg-text);background:0 0;border:none;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}._pwg-section-title{font-size:.875rem;font-weight:600}._pwg-toggle-icon{color:var(--pwg-text-muted);transition:transform .2s;display:flex}._pwg-section-toggle.is-open ._pwg-toggle-icon,._pwg-advanced-toggle.is-open ._pwg-toggle-icon{transform:rotate(180deg)}._pwg-actions{justify-content:center;display:flex}@media (max-width:768px){._pwg-container{padding-left:1rem;padding-right:1rem}._pwg-mode-tab{padding:.4375rem 1rem;font-size:.75rem}}._pwg-display{background:var(--pwg-bg-subtle);border-radius:var(--pwg-radius);border-style:solid;border-width:1.5px;border-color:var(--pwg-border);align-items:center;gap:.75rem;min-height:3.25rem;padding:.75rem 1rem;transition:border-color .15s,box-shadow .15s;display:flex}._pwg-display:focus-within{border-color:var(--pwg-primary);box-shadow:0 0 0 3px rgba(var(--pwg-primary-rgb), .1)}._pwg-display-textarea{font-family:var(--main-font-mono);color:var(--pwg-text);letter-spacing:.03em;resize:none;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0;font-size:1.125rem;font-weight:600;line-height:1.5;overflow:hidden}._pwg-display-copy{border-radius:var(--pwg-radius);background:var(--pwg-bg);border-style:solid;border-width:1.5px;border-color:var(--pwg-border);width:2.25rem;height:2.25rem;color:var(--pwg-text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}._pwg-display-copy:hover{border-color:var(--pwg-primary);color:var(--pwg-primary)}._pwg-display-copy.is-copied{border-color:var(--pwg-success);color:var(--pwg-success);background:var(--pwg-success-light)}._pwg-strength{flex-direction:column;gap:.375rem;display:flex}._pwg-strength-bar{background:var(--pwg-border);border-radius:2px;height:4px;overflow:hidden}._pwg-strength-fill{border-radius:2px;width:0;height:100%;transition:width .3s,background-color .3s}._pwg-strength-info{justify-content:space-between;align-items:center;display:flex}._pwg-strength-label{font-size:.75rem;font-weight:600}._pwg-strength-entropy{color:var(--pwg-text-muted);font-size:.6875rem;font-family:var(--main-font-mono)}._pwg-strength--weak ._pwg-strength-fill{background:var(--pwg-strength-weak);width:25%}._pwg-strength--weak ._pwg-strength-label{color:var(--pwg-strength-weak)}._pwg-strength--fair ._pwg-strength-fill{background:var(--pwg-strength-fair);width:50%}._pwg-strength--fair ._pwg-strength-label{color:var(--pwg-strength-fair)}._pwg-strength--strong ._pwg-strength-fill{background:var(--pwg-strength-strong);width:75%}._pwg-strength--strong ._pwg-strength-label{color:var(--pwg-strength-strong)}._pwg-strength--very-strong ._pwg-strength-fill{background:var(--pwg-strength-very-strong);width:100%}._pwg-strength--very-strong ._pwg-strength-label{color:var(--pwg-strength-very-strong)}._pwg-privacy{border-radius:var(--pwg-radius);background:#10b9811f;border:1px solid #10b98140;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;display:flex}._pwg-privacy svg{color:#059669;flex-shrink:0;margin-top:.125rem}._pwg-privacy p{color:#065f46;margin:0;font-size:.8125rem;line-height:1.5}@media (max-width:480px){._pwg-display-textarea{font-size:.9375rem}._pwg-main-card{padding:1rem}}._pwg-presets{flex-wrap:wrap;gap:.375rem;display:flex}._pwg-preset{border-radius:var(--pwg-radius);cursor:pointer;background:var(--pwg-bg-subtle);border-style:solid;border-width:1.5px;border-color:var(--pwg-border);color:var(--pwg-text-secondary);padding:.375rem .875rem;font-size:.75rem;font-weight:500;transition:all .15s}._pwg-preset:hover{border-color:rgba(var(--pwg-primary-rgb), .3);color:var(--pwg-primary)}._pwg-preset--active{background:var(--pwg-primary-light);border-color:var(--pwg-primary);color:var(--pwg-primary)}._pwg-option-group{flex-direction:column;gap:.5rem;display:flex}._pwg-option-header{justify-content:space-between;align-items:center;display:flex}._pwg-length-input{border-style:solid;border-width:1.5px;border-color:var(--pwg-border);width:3.5rem;color:var(--pwg-primary);background:var(--pwg-bg);text-align:center;font-size:.8125rem;font-weight:600;font-family:var(--main-font-mono);border-radius:6px;outline:none;padding:.25rem .5rem}._pwg-length-input:focus{border-color:var(--pwg-primary);box-shadow:0 0 0 3px rgba(var(--pwg-primary-rgb), .1)}._pwg-slider{-webkit-appearance:none;appearance:none;background:var(--pwg-border);border-radius:3px;outline:none;width:100%;height:6px}._pwg-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--pwg-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--pwg-primary-rgb), .3);border-radius:50%}._pwg-slider::-moz-range-thumb{background:var(--pwg-primary);cursor:pointer;width:18px;height:18px;box-shadow:0 1px 4px rgba(var(--pwg-primary-rgb), .3);border:none;border-radius:50%}._pwg-char-options{flex-wrap:wrap;gap:1rem;display:flex}._pwg-advanced{border-top-style:solid;border-top-width:1px;border-top-color:var(--pwg-border);padding-top:.75rem}._pwg-advanced-toggle{cursor:pointer;width:100%;color:var(--pwg-text-muted);background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:.8125rem;font-weight:500;display:flex}._pwg-advanced-toggle:hover{color:var(--pwg-text)}._pwg-advanced-body{flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}._pwg-custom-symbols-group{flex-direction:column;gap:.375rem;display:flex}._pwg-separator-options{gap:.375rem;display:flex}._pwg-sep-btn{cursor:pointer;background:var(--pwg-bg-subtle);border-style:solid;border-width:1.5px;border-color:var(--pwg-border);min-width:2.5rem;color:var(--pwg-text-secondary);font-size:.8125rem;font-weight:500;font-family:var(--main-font-mono);border-radius:6px;padding:.375rem .75rem;transition:all .15s}._pwg-sep-btn:hover{border-color:rgba(var(--pwg-primary-rgb), .3);color:var(--pwg-primary)}._pwg-sep-btn--active{background:var(--pwg-primary-light);border-color:var(--pwg-primary);color:var(--pwg-primary)}._pwg-passphrase-toggles{flex-wrap:wrap;gap:1.25rem;display:flex}@media (max-width:480px){._pwg-settings-card{padding:1rem}._pwg-char-options{gap:.625rem}._pwg-presets{gap:.25rem}._pwg-preset{padding:.3125rem .625rem;font-size:.6875rem}}._pwg-bulk-body{border-top-style:solid;border-top-width:1px;border-top-color:var(--pwg-border);flex-direction:column;gap:1rem;padding:1.25rem;display:flex}._pwg-bulk-controls{align-items:flex-end;gap:.75rem;display:flex}._pwg-bulk-input-group{flex-direction:column;gap:.25rem;display:flex}._pwg-bulk-input-group ._pwg-input{width:5rem}._pwg-textarea{border-style:solid;border-width:1.5px;border-color:var(--pwg-border);border-radius:var(--pwg-radius);width:100%;min-height:8rem;font-family:var(--main-font-mono);color:var(--pwg-text);background:var(--pwg-bg-subtle);resize:vertical;outline:none;padding:.75rem;font-size:.8125rem;line-height:1.6}._pwg-textarea:focus{border-color:var(--pwg-primary);box-shadow:0 0 0 3px rgba(var(--pwg-primary-rgb), .1)}._pwg-bulk-actions{justify-content:space-between;align-items:center;display:flex}._pwg-bulk-count{color:var(--pwg-text-muted);font-size:.75rem}._pwg-bulk-buttons{gap:.5rem;display:flex}@media (max-width:480px){._pwg-bulk-body{padding:1rem}._pwg-bulk-controls{flex-wrap:wrap}._pwg-bulk-actions{flex-direction:column;align-items:flex-start;gap:.5rem}}