.bmc-developer{--surface:#ffffff;--surface-muted:#f8fafc;--border:#e2e8f0;--text-main:#0f172a;--text-muted:#64748b;--primary:#0f766e;--primary-dark:#0d5c56;--success:#059669;--danger:#dc2626;}
.ue-wrap{margin-bottom:2rem;}
.ue-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 24px rgba(15,23,42,0.06);overflow:hidden;}
.ue-bar{display:flex;flex-direction:column;gap:12px;padding:12px 16px;background:var(--surface-muted,#f8fafc);border-bottom:1px solid var(--border);}
@media (min-width:640px){.ue-bar{flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:14px 20px;}}
.ue-mode{display:flex;border-radius:10px;padding:4px;background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 2px rgba(0,0,0,0.04);}
.ue-mode-btn{padding:8px 14px;border:none;border-radius:8px;font-size:0.875rem;font-weight:500;cursor:pointer;background:transparent;color:var(--text-muted);transition:color 0.2s,background 0.2s;}
.ue-mode-btn:hover{color:var(--text-main);}
.ue-mode-btn.is-active{background:var(--primary);color:#fff;}
.ue-actions{display:flex;flex-wrap:wrap;gap:8px;}
.ue-btn{padding:8px 16px;border-radius:8px;font-size:0.875rem;font-weight:600;cursor:pointer;transition:background 0.2s,color 0.2s,border-color 0.2s;}
.ue-btn-primary{background:var(--primary);color:#fff;border:none;}
.ue-btn-primary:hover{filter:brightness(1.08);}
.ue-btn-outline{background:transparent;border:1px solid var(--border);color:var(--text-main);}
.ue-btn-outline:hover{border-color:var(--primary);color:var(--primary);}
.ue-btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-muted);}
.ue-btn-ghost:hover{color:var(--text-main);background:rgba(0,0,0,0.04);}
.ue-btn.copied{background:var(--success,#059669);color:#fff;border-color:var(--success,#059669);}
.ue-panels{display:flex;flex-direction:column;gap:16px;padding:16px;}
@media (min-width:768px){.ue-panels{flex-direction:row;gap:20px;padding:20px;}}
.ue-panel{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px;}
.ue-label{font-size:0.8125rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;}
.ue-textarea{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:10px;font-size:0.9375rem;font-family:ui-monospace,monospace;color:var(--text-main);background:var(--surface);resize:vertical;min-height:140px;transition:border-color 0.2s,box-shadow 0.2s;}
.ue-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(15,118,110,0.12);}
.ue-textarea::placeholder{color:var(--text-muted);opacity:0.7;}
.ue-output{background:var(--surface-muted,#f8fafc);color:var(--text-main);}
.ue-stats{display:flex;flex-wrap:wrap;gap:16px 24px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-muted,#f8fafc);font-size:0.875rem;}
.ue-stat{display:inline-flex;align-items:baseline;gap:6px;}
.ue-stat-lbl{color:var(--text-muted);}
.ue-stat-val{color:var(--primary);font-variant-numeric:tabular-nums;}
.ue-examples{padding:14px 16px;border-top:1px solid var(--border);}
.ue-examples-title{font-size:0.8125rem;font-weight:600;color:var(--text-muted);margin:0 0 8px;text-transform:uppercase;letter-spacing:0.04em;}
.ue-examples-list{display:flex;flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;font-size:0.8125rem;font-family:ui-monospace,monospace;color:var(--text-main);}
.ue-examples-list li{padding:4px 8px;background:var(--surface);border:1px solid var(--border);border-radius:6px;}