.bcode-wrap{--category-color: var(--color-cat-dev);display:flex;flex-direction:column;gap:1rem;min-width:0}.bcode-controls,.bcode-appearance,.bcode-preview-card{padding:1rem;border-radius:var(--radius-lg);background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-border-soft)}.bcode-section-title{margin:0;color:var(--color-text);font-family:var(--font-sans);font-size:.88rem;font-weight:760;letter-spacing:.035em;text-transform:uppercase}.bcode-field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:.75rem;margin-top:.75rem}.bcode-appearance .bcode-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bcode-field{display:flex;flex-direction:column;gap:.35rem;min-width:0}.bcode-field .tool-input{width:100%}.bcode-select{appearance:auto}.bcode-hint{margin:.6rem 0 0;color:var(--color-text-muted);font-size:.78rem;line-height:1.45}.bcode-controls .tool-status{display:block;margin-top:.4rem}.bcode-toggles{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.9rem}.bcode-toggle{display:flex;align-items:center;gap:.45rem;color:var(--color-text-secondary);font-size:.85rem;font-weight:600}.bcode-toggle input{flex-shrink:0}.bcode-card-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.bcode-head-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.bcode-card-meta{color:var(--color-primary);font-family:var(--font-mono);font-size:.82rem;font-weight:700}.bcode-canvas{display:flex;align-items:center;justify-content:center;min-height:140px;margin-top:.75rem;padding:1rem;overflow-x:auto;border-radius:var(--radius-md);background:#fff;box-shadow:inset 0 0 0 1px var(--color-border-soft)}.bcode-canvas svg{display:block;max-width:100%;height:auto}.bcode-actions{display:flex;align-items:center;gap:.6rem;margin-top:.9rem;flex-wrap:wrap}.bcode-actions button[disabled]{cursor:not-allowed;opacity:.55}@media(max-width:760px){.bcode-field-grid,.bcode-appearance .bcode-field-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.bcode-controls,.bcode-appearance,.bcode-preview-card{padding:.85rem}.bcode-field .tool-input{min-height:44px}.bcode-canvas{padding:.75rem;justify-content:flex-start}}