.cbef-section{margin-bottom:2rem;}
.cbef-card{background:var(--surface,#fff);border:1px solid var(--border,rgba(0,0,0,.08));border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.04),0 20px 40px -16px rgba(0,0,0,.08);overflow:hidden;}
.cbef-input-zone,.cbef-output-zone{padding:16px;}
.cbef-output-zone{border-top:1px solid var(--border,rgba(0,0,0,.08));}
.cbef-label{display:block;font-size:0.8125rem;font-weight:600;color:var(--text-muted,#6b7280);margin-bottom:8px;letter-spacing:.02em;}
.cbef-editor{min-height:280px;width:100%;border-radius:12px;border:1px solid var(--border,rgba(0,0,0,.1));overflow:hidden;}
.cbef-actions{display:flex;flex-wrap:wrap;gap:10px;padding:14px 16px;background:var(--surface-muted,rgba(0,0,0,.03));border-top:1px solid var(--border,rgba(0,0,0,.08));}
.cbef-btn{border-radius:10px;font-size:0.9375rem;font-weight:500;padding:12px 20px;border:1px solid transparent;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease;-webkit-tap-highlight-color:transparent;}
.cbef-btn:active{transform:scale(0.98);}
.cbef-btn-primary{background:var(--primary,#2563eb);color:#fff;border-color:var(--primary,#2563eb);}
.cbef-btn-primary:hover{background:var(--primary-dark,#1d4ed8);border-color:var(--primary-dark,#1d4ed8);box-shadow:0 4px 14px rgba(37,99,235,.3);}
.cbef-btn-secondary{background:var(--surface,#fff);color:var(--text-main,#111);border-color:var(--border,rgba(0,0,0,.15));}
.cbef-btn-secondary:hover{background:var(--surface-muted,rgba(0,0,0,.04));border-color:var(--border,rgba(0,0,0,.25));}
.cbef-btn-copy{background:transparent;color:var(--primary,#2563eb);border-color:var(--primary,#2563eb);padding:8px 14px;font-size:0.875rem;}
.cbef-btn-copy:hover{background:rgba(37,99,235,.08);}
.cbef-btn-copy.copied{background:rgba(34,197,94,.12);color:#15803d;border-color:#22c55e;}
.cbef-status{font-size:0.875rem;color:var(--text-muted);margin:12px 0 0;min-height:1.5em;}
@media (min-width:768px){.cbef-card{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto auto;grid-template-areas:"input input input" "actions actions actions" "output output output";}
.cbef-input-zone{grid-area:input;padding:20px 20px 12px;}
.cbef-actions{grid-area:actions;padding:16px 20px;}
.cbef-output-zone{grid-area:output;border-top:1px solid var(--border,rgba(0,0,0,.08));padding:12px 20px 20px;}
.cbef-editor{min-height:400px;}
.cbef-actions{justify-content:center;}
}
@media (min-width:992px){.cbef-card{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-template-areas:"input output" "actions actions";}
.cbef-input-zone{grid-area:input;border-right:1px solid var(--border,rgba(0,0,0,.08));border-bottom:none;padding:20px 16px 20px 20px;}
.cbef-output-zone{grid-area:output;border-top:none;border-left:none;padding:20px 20px 20px 16px;}
.cbef-actions{grid-area:actions;padding:14px 20px;}
.cbef-editor{min-height:420px;}
}
@media (max-width:479px){.cbef-input-zone,.cbef-output-zone{padding:12px;}
.cbef-actions{padding:12px;}
.cbef-btn{width:100%;justify-content:center;}
.cbef-btn-primary{order:-1;}
.cbef-editor{min-height:240px;}
}