:root{
  --lc-title:#0B1220;
  --lc-grad-left:#01D1FE;
  --lc-primary:#01D1FE;
  --lc-radius:8px;
  --lc-pad:8px;
  --lc-font:85%;
}
.ledc *{box-sizing:border-box}
.ledc{font-size:var(--lc-font);}
.ledc-wrap{padding:var(--lc-pad);background:#0f172a;color:#0f172a}
.ledc-card{background:#fff;border-radius:var(--lc-radius);box-shadow:0 6px 24px rgba(0,0,0,.15);overflow:hidden}
.ledc-header{background:linear-gradient(90deg,var(--lc-grad-left),#006d85);padding:calc(var(--lc-pad)*1.25);color:#fff}
.ledc-h1{font-size:16px;margin:0;font-weight:700;color:var(--lc-title)}
.ledc-sub{opacity:.9;margin-top:4px;font-size:12px}
.ledc-body{padding:var(--lc-pad)}
.ledc-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.ledc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.ledc-badge{background:#0f172a;color:#cbd5e1;border-radius:6px;padding:4px 8px;display:inline-flex;gap:6px;align-items:center;font-size:11px}
.ledc-preview{background:#0b1220;border:1px solid #334155;border-radius:var(--lc-radius);padding:var(--lc-pad);margin-bottom:var(--lc-pad)}
.ledc-canvas-wrap{display:flex;justify-content:center;overflow:auto}
.ledc-canvas{background:#000;border:1px solid #475569;border-radius:6px}
.ledc-btn{padding:6px;border:1px solid #cbd5e1;border-radius:6px;background:#f8fafc;cursor:pointer;font-size:12px;line-height:1.2}
.ledc-btn.active{border-color:var(--lc-primary);background:#dbeafe;color:#1e3a8a}
.ledc-input{width:100%;padding:6px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px}
.ledc-label{font-size:12px;margin-bottom:4px;display:block;color:#334155}
.ledc-panel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:8px;margin:6px 0}
.ledc-total{background:linear-gradient(90deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:6px;padding:8px}
.ledc-flex{display:flex;justify-content:space-between;align-items:center;margin:4px 0}
.ledc-bold{font-weight:700}
.ledc-xl{font-size:14px;font-weight:700;color:#1e3a8a}
.ledc-compact .ledc-row{grid-template-columns:1fr 1fr}
.ledc-compact .ledc-grid{grid-template-columns:repeat(4,1fr)}


.ledc-h3-marquee{ position:relative; overflow:hidden; border:1px solid rgba(1,209,254,.25); border-radius:12px; padding:6px 0; background: rgba(11,18,32,.85); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);}
.ledc-h3-marquee-track{ display:inline-block; white-space:nowrap; padding-left:100%; animation:ledc-h3-scroll linear infinite; }
@keyframes ledc-h3-scroll{ 0%{ transform: translateX(0);} 100%{ transform: translateX(-100%);} }

@media (max-width: 900px){
  .ledc-row{ grid-template-columns:1fr; }
  .ledc-grid{ grid-template-columns:repeat(2,1fr); }
}
.ledc{ overflow:auto; }
.ledc-canvas-wrap{ overflow:auto; }


/* Pixel grid preview styles */
.ledc-pgrid{background:#0B1220;border:1px solid #334155;border-radius:var(--lc-radius);padding:var(--lc-pad);margin-bottom:var(--lc-pad)}
.ledc-pgrid-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}
@media(min-width:768px){.ledc-pgrid-stats{grid-template-columns:repeat(4,1fr)}}
.ledc-stat{background:#0f172a;border:1px solid #334155;border-radius:10px;padding:8px;text-align:center}
.ledc-stat-tag{font-size:12px;opacity:.9;margin-bottom:4px}
.ledc-stat-tag.blue{color:#60a5fa}.ledc-stat-tag.green{color:#34d399}.ledc-stat-tag.purple{color:#a78bfa}.ledc-stat-tag.orange{color:#fb923c}
.ledc-stat-val{font-weight:700;color:#fff}
.ledc-pgrid-wrap{display:flex;justify-content:center;align-items:center;overflow:auto}
.ledc-pgrid-grid{display:inline-grid;padding:12px;background:#000;border:2px solid #475569;border-radius:12px;box-shadow:0 0 40px rgba(0,0,0,.8), inset 0 0 20px rgba(255,255,255,.1);max-width:100%}
.ledc-dot{border-radius:999px}
.ledc-pgrid-foot{margin-top:10px;text-align:center;color:#94a3b8;font-size:12px}
.ledc-ind{width:10px;height:10px;background:#22c55e;border-radius:999px;display:inline-block;margin-right:6px;animation:ledc-pulse 1.2s ease-in-out infinite}
@keyframes ledc-pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}

/* Ensure scrollbars when overflow */
.ledc, .ledc-canvas-wrap, .ledc-pgrid-wrap{overflow:auto}

/* Compact mode remains via class 'ledc-compact' (same as before) */