.csb-wrap{max-width:1100px;margin:18px auto;padding:16px;border:1px solid #e5e5e5;border-radius:10px;background:#fff}
.csb-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.csb-col{flex:1 1 320px}
.csb-label{font-weight:600;margin-bottom:6px;display:block}
.csb-input, .csb-textarea, .csb-select{width:100%;padding:8px;border:1px solid #bbb;border-radius:6px;font-size:14px}
.csb-textarea{min-height:110px}
.csb-button{padding:8px 12px;border:1px solid #777;border-radius:6px;background:#f5f5f5;cursor:pointer}
.csb-button.primary{background:#0a7aff;border-color:#0a7aff;color:#fff}
.csb-button.ghost{background:#fff}
.csb-h{margin:18px 0 8px;font-size:18px}
.csb-code{white-space:pre;overflow:auto;background:#0c0c0c;color:#d6ffd6;padding:12px;border-radius:8px;font-family:Menlo,Consolas,monospace;font-size:12px;max-height:420px}
.csb-chip{display:inline-block;padding:2px 6px;border:1px solid #ccc;border-radius:999px;font-size:12px;margin-right:6px;background:#fafafa}
.csb-note{color:#555;font-size:13px}
.csb-inline{display:inline-block;margin-right:10px}
.csb-alert{padding:10px 12px;border:1px solid #ffe58f;background:#fffbe6;border-radius:6px;margin:8px 0}
.csb-ok{padding:10px 12px;border:1px solid #b7eb8f;background:#f6ffed;border-radius:6px;margin:8px 0}
.csb-err{padding:10px 12px;border:1px solid #ffa39e;background:#fff1f0;border-radius:6px;margin:8px 0}