.bbiog-card{max-width:860px;margin:18px auto;border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(17,24,39,0.06);font-family:Inter,ui-sans-serif,system-ui,Arial,Helvetica,sans-serif;background:#fff}
.bbiog-header{background:linear-gradient(90deg,#0b74ff,#0066d6);color:#fff;padding:24px 20px;text-align:center}
.bbiog-header h2{margin:0;font-size:22px;letter-spacing:.2px;line-height:1.25}
.bbiog-sub{margin:8px auto 0;font-size:13px;opacity:.96;max-width:640px;line-height:1.5}
.bbiog-body{background:#fff;padding:18px 20px 22px;border-top:1px solid rgba(11,116,255,0.08)}
.bbiog-body label{display:block;margin-top:8px;font-weight:600;color:#173a63}
.bbiog-body input[type='text'], .bbiog-body select, .bbiog-body textarea{width:100%;padding:11px 12px;margin-top:6px;border:1px solid #dfebfb;border-radius:10px;box-sizing:border-box;background:#fbfdff;color:#13253a}
.bbiog-body textarea{resize:vertical;min-height:120px}
.bbiog-body input[type='text']:focus, .bbiog-body select:focus, .bbiog-body textarea:focus{outline:none;border-color:#8bbcff;box-shadow:0 0 0 3px rgba(11,116,255,0.08)}
.bbiog-row{display:flex;gap:12px;margin-top:8px;flex-wrap:wrap}
.bbiog-col{flex:1;min-width:180px}
.bbiog-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:14px}
.bbiog-btn-primary{background:#0b74ff;color:#fff;border:none;padding:10px 15px;border-radius:10px;cursor:pointer;font-weight:600;box-shadow:0 4px 10px rgba(11,116,255,0.16)}
.bbiog-btn-primary:hover{background:#0868e4}
.bbiog-btn-outline{background:#fff;color:#0b74ff;border:1px solid #0b74ff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:600}
.bbiog-btn-outline:hover{background:#f5f9ff}
.bbiog-output{margin-top:14px;padding:16px;border-radius:10px;border:1px solid #eef6ff;min-height:110px;background:linear-gradient(180deg,#fcfdff,#f7fbff);line-height:1.7;color:#17324d;white-space:pre-wrap}
.bbiog-placeholder{color:#6b7280}
.bbiog-footer-note{margin-top:10px;font-size:13px;color:#4b5563;line-height:1.5}
.bbiog-loading{color:#0b74ff;font-weight:600}
@media (max-width: 640px){
  .bbiog-card{border-radius:12px}
  .bbiog-header{padding:20px 16px}
  .bbiog-body{padding:16px}
  .bbiog-col{min-width:100%}
  .bbiog-actions{justify-content:stretch}
  .bbiog-actions button{width:100%}
  .bbiog-header h2{font-size:20px}
}