.bs-pg-row{margin:10px 0}
.bs-pg-mode label{margin-right:12px}
.bs-pg-field-wrap{position:relative}
.bs-pg-field{border:1px solid #ccc;border-radius:6px;min-height:44px;padding:10px;font-family:monospace;font-size:16px;white-space:pre-wrap;word-break:break-word;outline:none}
.bs-pg-field.empty:before{content:attr(placeholder);color:#8a8a8a}
.bs-pg-strength{height:6px;background:#eee;border-radius:999px;margin-top:8px;overflow:hidden}
.bs-pg-strength .bar{height:100%;width:0%;background:#e74c3c;transition:width .25s ease, background .25s ease}
.bs-pg-tipbox{margin-top:8px;padding:8px 10px;border:1px dashed #bbb;border-radius:6px;font-size:13px;color:#333;background:#fafafa;display:none;word-break:break-all}
.bs-pg-btn{border:none;border-radius:8px;cursor:pointer;min-width:120px;line-height:1.2;font-weight:600;transition:transform .12s ease}
.bs-pg-btn:active{transform:scale(.98)}
.bs-pg-colored-letter{color:#222}
.bs-pg-colored-number{color:#0a7}
.bs-pg-colored-symbol{color:#b00}
.bs-pg-field .bs-pg-colored-letter,.bs-pg-field .bs-pg-colored-number,.bs-pg-field .bs-pg-colored-symbol{white-space:pre}
.bs-pg-viewer .bs-pg-password-box{border:1px solid #ddd;border-radius:8px;padding:12px;font-family:monospace;font-size:18px}
.bs-pg-viewer .bs-pg-note{color:#666;margin-top:8px}