[data-tool="badge"] { min-width: 0; }
.badge-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.85fr); gap:28px; align-items:start; }
.badge-grid .tool-field { display:grid; gap:7px; margin:0 0 16px; }
.badge-grid input,.badge-grid select,.badge-grid textarea { width:100%; min-width:0; box-sizing:border-box; padding:12px; border:1px solid #b9c4d0; border-radius:8px; background:#fffdf8; color:#152538; font:inherit; }
.badge-grid textarea { resize:vertical; line-height:1.6; }
.badge-grid figure { margin:0; min-width:0; background:#eff2f8; padding:18px; border-left:4px solid #2146a8; }
.badge-grid img { width:100%; height:auto; display:block; box-shadow:0 5px 18px #15253815; }
.badge-grid figcaption { margin-top:16px; line-height:1.6; font-size:14px; }
.badge-actions { display:flex; flex-wrap:wrap; gap:10px; }
.badge-actions button { white-space:normal; max-width:100%; overflow-wrap:anywhere; }
.badge-actions button:disabled { opacity:.5; }
[data-tool="badge"] [hidden] { display:none; }
[data-tool="badge"] [role="status"] { font-weight:700; color:#2146a8; overflow-wrap:anywhere; }
@media(max-width:800px) { .badge-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:380px) { .badge-actions button { width:100%; } .badge-grid figure { padding:10px; } }