.pg-app{display:flex;flex-direction:column;height:100%;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;}.pg-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap;}.pg-header-left{display:flex;align-items:center;gap:12px;}.pg-header-right{display:flex;align-items:center;gap:8px;}.pg-title{font-size:15px;font-weight:700;color:var(--text);}.pg-mode-toggle{display:flex;gap:4px;background:var(--surface-2);padding:3px;border-radius:6px;}.pg-mode-btn{padding:4px 12px;border:none;background:transparent;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;border-radius:4px;transition:all 0.15s;font-family:var(--font-sans);}.pg-mode-btn:hover{color:var(--text);}.pg-mode-btn.active{background:var(--accent);color:#080b14;font-weight:600;}.pg-main{flex:1;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:20px;}.pg-display-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;text-align:center;}.pg-password-display{font-family:var(--font-mono);font-size:20px;line-height:1.6;color:var(--text);word-break:break-all;padding:12px 0;min-height:60px;display:flex;align-items:center;justify-content:center;user-select:all;}.pg-strength-bar-wrap{height:6px;background:var(--surface-2);border-radius:3px;overflow:hidden;margin-top:12px;}.pg-strength-bar{height:100%;border-radius:3px;transition:width 0.3s,background 0.3s;width:0;}.pg-strength-label{font-size:12px;font-weight:600;margin-top:6px;text-transform:uppercase;letter-spacing:0.5px;}.pg-strength-weak{color:var(--red);}.pg-strength-fair{color:var(--orange);}.pg-strength-strong{color:var(--green);}.pg-strength-very{color:var(--accent);}.pg-actions{display:flex;gap:8px;justify-content:center;margin-top:12px;}.pg-options-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}.pg-options-header{padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);}.pg-options-body{padding:16px;display:flex;flex-direction:column;gap:14px;}.pg-option-row{display:flex;align-items:center;gap:12px;}.pg-option-label{font-size:13px;color:var(--text);flex:1;}.pg-slider-row{display:flex;align-items:center;gap:12px;}.pg-slider{flex:1;accent-color:var(--accent);cursor:pointer;}.pg-slider-value{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--accent);min-width:36px;text-align:center;}.pg-checkbox{accent-color:var(--accent);width:16px;height:16px;cursor:pointer;}.pg-multi-list{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;}.pg-multi-header{padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--text-muted);}.pg-multi-body{padding:12px 16px;display:flex;flex-direction:column;gap:6px;}.pg-multi-item{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;transition:background 0.1s;}.pg-multi-item:hover{background:var(--surface-2);}.pg-multi-item-text{font-family:var(--font-mono);font-size:13px;color:var(--text);flex:1;word-break:break-all;user-select:all;}.pg-multi-item-copy{padding:2px 8px;border:none;background:var(--surface-2);color:var(--text-muted);font-size:10px;cursor:pointer;border-radius:3px;font-family:var(--font-sans);}.pg-multi-item-copy:hover{background:var(--surface-3);color:var(--text);}.pg-passphrase-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}.pg-separator-select{padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:12px;cursor:pointer;outline:none;}.pg-status-bar{padding:6px 16px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);}@media (max-width:768px){.pg-header{padding:10px 14px;}.pg-main{padding:14px;gap:14px;}.pg-display-card{padding:16px;}.pg-password-display{font-size:16px;}.pg-actions{flex-wrap:wrap;}.pg-passphrase-options{flex-direction:column;align-items:flex-start;}}