.bpc-wrapper{max-width:520px;border:1px solid #e6e6e6;padding:16px;border-radius:6px;background:#fff;font-family:Arial,Helvetica,sans-serif}
.bpc-wrapper h3{margin:0 0 10px;font-size:18px}
.bpc-row{margin-bottom:10px;display:flex;flex-direction:column}
.bpc-select{padding:8px;border:1px solid #ccc;border-radius:4px;max-width:100%}
.bpc-btn{padding:8px 12px;border:0;background:#0073aa;color:#fff;border-radius:4px;cursor:pointer;margin-right:8px}
.bpc-btn.bpc-reset{background:#666}
.bpc-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bpc-results{margin-top:12px;background:#f9f9f9;padding:10px;border-radius:4px}
.bpc-results div{margin:6px 0}
@media (prefers-color-scheme:dark){
  .bpc-wrapper{background:#111;color:#eee;border-color:#222}
  .bpc-select{background:#111;color:#eee;border-color:#333}
  .bpc-results{background:#0b0b0b}
}