.bmc-developer{--primary: #ff9900;--primary-dark: #e6820e;--surface: #ffffff;--surface-muted: #f4f6fb;--border: #e2e8f0;--text-main: #0f172a;--text-muted: #64748b;}
.cfgen-wrap{margin-bottom: 2rem;}
.cfgen-layout{display: flex;flex-direction: column;gap: 1.5rem;}
@media (min-width: 992px){.cfgen-layout{display: grid;grid-template-columns: 1fr minmax(340px,36%);gap: 1.5rem;align-items: start;}.cfgen-output-sticky{position: sticky;top: 1rem;}}
.cfgen-pills{display: flex;flex-wrap: wrap;gap: 0.25rem;padding: 0.25rem;background: var(--surface-muted);border-radius: 999px;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.cfgen-pill{flex: 0 0 auto;padding: 0.5rem 1rem;border: none;border-radius: 999px;font-size: 0.875rem;font-weight: 500;cursor: pointer;background: transparent;color: var(--text-muted);transition: color 0.2s,background 0.2s;}
.cfgen-pill:hover{color: var(--text-main);background: var(--surface);}
.cfgen-pill.is-active{background: var(--primary);color: #fff;}
.cfgen-panel{display: none;background: var(--surface);border: 1px solid var(--border);border-radius: 12px;padding: 1.25rem;box-shadow: 0 1px 3px rgba(0,0,0,0.06);}
.cfgen-panel.is-active{display: block;}
.cfgen-field{margin-bottom: 1rem;}
.cfgen-field:last-of-type{margin-bottom: 0;}
.cfgen-label{display: block;margin-bottom: 0.35rem;font-size: 0.8125rem;font-weight: 600;color: var(--text-main);}
.cfgen-input,.cfgen-select,.cfgen-textarea{width: 100%;padding: 0.6rem 0.75rem;font-size: 0.9375rem;border: 1px solid var(--border);border-radius: 8px;background: var(--surface);color: var(--text-main);transition: border-color 0.2s,box-shadow 0.2s;}
.cfgen-input:focus,.cfgen-select:focus,.cfgen-textarea:focus{outline: none;border-color: var(--primary);box-shadow: 0 0 0 3px rgba(255,153,0,0.15);}
.cfgen-textarea{min-height: 100px;resize: vertical;font-family: ui-monospace,monospace;}
.cfgen-grid{display: grid;gap: 1rem;}
@media (min-width: 480px){.cfgen-grid{grid-template-columns: repeat(2,1fr);}}
@media (min-width: 768px){.cfgen-grid--wide{grid-template-columns: repeat(2,1fr);}}
.cfgen-btn{padding: 0.6rem 1.25rem;border: none;border-radius: 8px;font-size: 0.9375rem;font-weight: 600;cursor: pointer;transition: background 0.2s,transform 0.1s;}
.cfgen-btn:active{transform: scale(0.98);}
.cfgen-btn--primary{background: var(--primary);color: #fff;}
.cfgen-btn--primary:hover{background: var(--primary-dark,#e6820e);}
.cfgen-btn--secondary{background: var(--surface-muted);color: var(--text-main);}
.cfgen-btn--secondary:hover{background: var(--border);}
.cfgen-btn--success{background: #0d7d4a;color: #fff;}
.cfgen-btn--success:hover{background: #0a6340;}
.cfgen-btn--danger{background: #c5302b;color: #fff;}
.cfgen-btn--danger:hover{background: #9b2420;}
.cfgen-btn--sm{padding: 0.4rem 0.75rem;font-size: 0.8125rem;}
.cfgen-cats{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.75rem;}
@media (min-width: 480px){.cfgen-cats{grid-template-columns: repeat(3,1fr);}}
@media (min-width: 768px){.cfgen-cats{grid-template-columns: repeat(5,1fr);}}
.cfgen-cat{display: flex;flex-direction: column;align-items: center;gap: 0.35rem;padding: 1rem 0.5rem;border: 2px solid var(--border);border-radius: 10px;background: var(--surface);cursor: pointer;transition: border-color 0.2s,background 0.2s;}
.cfgen-cat:hover{border-color: var(--primary);background: rgba(255,153,0,0.06);}
.cfgen-cat.is-active{border-color: var(--primary);background: rgba(255,153,0,0.1);}
.cfgen-cat-icon{font-size: 1.5rem;}
.cfgen-cat-label{font-size: 0.875rem;font-weight: 600;color: var(--text-main);}
.cfgen-cat-desc{font-size: 0.75rem;color: var(--text-muted);}
.cfgen-subtitle{font-size: 0.9375rem;color: var(--text-muted);margin-bottom: 1rem;}
.cfgen-list{max-height: 280px;overflow-y: auto;border: 1px solid var(--border);border-radius: 8px;padding: 0.75rem;}
.cfgen-item{display: flex;justify-content: space-between;align-items: flex-start;gap: 0.75rem;padding: 0.75rem;margin-bottom: 0.5rem;background: var(--surface-muted);border-radius: 8px;}
.cfgen-item:last-child{margin-bottom: 0;}
.cfgen-item-meta{min-width: 0;}
.cfgen-item-title{font-weight: 600;font-size: 0.9375rem;}
.cfgen-item-type{font-size: 0.8125rem;color: var(--text-muted);}
.cfgen-output-card{background: var(--surface);border: 1px solid var(--border);border-radius: 12px;overflow: hidden;box-shadow: 0 1px 3px rgba(0,0,0,0.06);}
.cfgen-output-head{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0.75rem;padding: 1rem 1.25rem;border-bottom: 1px solid var(--border);}
.cfgen-output-title{font-size: 1rem;font-weight: 600;margin: 0;}
.cfgen-output-actions{display: flex;gap: 0.5rem;}
.cfgen-code{background: #1e293b;color: #e2e8f0;padding: 1rem 1.25rem;font-family: ui-monospace,monospace;font-size: 0.8125rem;line-height: 1.5;white-space: pre-wrap;word-break: break-word;max-height: min(70vh,520px);overflow: auto;}
@media (max-width: 991px){.cfgen-code{max-height: 400px;}}