.pg-container {max-width:600px;margin:20px auto;padding:25px;background:#f7f7f7;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1);font-family:Arial,sans-serif;}
.pg-title{text-align:center;color:#135E96;margin-bottom:20px;font-size:22px;font-weight:600;}
.pg-input{width:100%;padding:15px;font-size:18px;border:1px solid #ddd;border-radius:4px;font-family:monospace;}
.pg-strength{display:flex;align-items:center;margin:15px 0;gap:10px;}
.pg-label{font-size:14px;font-weight:600;color:#444;}
.pg-bar{flex:1;height:8px;background:#eee;border-radius:4px;overflow:hidden;}
.pg-fill{height:100%;width:0;background:#38a169;transition:0.3s;}
.pg-value{font-size:14px;font-weight:700;padding:3px 10px;border-radius:20px;background:#38a169;color:#fff;}
.pg-actions{display:flex;gap:10px;margin:15px 0;flex-wrap:wrap;}
.pg-btn{flex:1;padding:12px;border:none;border-radius:6px;font-weight:500;cursor:pointer;text-align:center;position:relative;z-index:9999;}
.pg-btn-copy{background:#2271b1;color:#fff;}
.pg-btn-copy:hover{background:#135e96;}
.pg-btn-generate{background:#2d3748;color:#fff;}
.pg-btn-generate:hover{background:#1a202c;}
.pg-subtitle{font-weight:600;margin:20px 0 10px;}
.pg-length{display:flex;align-items:center;gap:15px;}
.pg-length input{flex:1;}
.pg-radios,.pg-checks{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px;}
.pg-radios label,.pg-checks label{font-size:14px;cursor:pointer;display:flex;align-items:center;}
.pg-radios input,.pg-checks input{margin-right:8px;}
.pg-note{font-size:12px;color:#666;text-align:center;margin-top:20px;}
@media (max-width:600px){.pg-actions{flex-direction:column;}.pg-radios{flex-direction:column;}.pg-checks{flex-direction:column;}}