:root{--mc-primary:#0ea5e9;--mc-surface:#0f172a;--mc-accent:#38bdf8;--mc-radius:8px;--mc-text:#e2e8f0;--mc-muted:#94a3b8;--mc-panel:#1e293b}*{box-sizing:border-box}body{background:var(--mc-surface);color:var(--mc-text);min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.demo-badge{color:#111;letter-spacing:.02em;background:#f59e0b;border-radius:4px;padding:.2rem .45rem;font-size:.7rem;font-weight:700;display:inline-block}.muted{color:var(--mc-muted);font-size:.9rem}.embed-state{text-align:center;padding:1.5rem}.embed-state--error h1{color:#f87171}.embed-shell{flex-direction:column;min-height:100vh;display:flex}.embed-header{background:#111827;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.embed-header__meta{flex-direction:column;align-items:flex-end;font-size:.8rem;display:flex}.module-layout{flex:1;min-height:0;display:flex}.module-nav{border-right:1px solid #334155;flex-direction:column;flex-shrink:0;gap:.25rem;width:200px;padding:.5rem;display:flex}.module-nav__item{text-align:left;border-radius:var(--mc-radius);color:var(--mc-text);cursor:pointer;background:0 0;border:none;padding:.55rem .75rem;font-size:.85rem}.module-nav__item:hover{background:#334155}.module-nav__item.is-active{background:var(--mc-primary);color:#fff}.module-content{flex:1;padding:1rem;overflow:auto}.panel{background:var(--mc-panel);border-radius:var(--mc-radius);padding:1rem 1.25rem}.panel h2{margin:0 0 .5rem;font-size:1.1rem}.panel--empty{text-align:center;margin:2rem}.demo-table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.85rem}.demo-table th,.demo-table td{text-align:left;border-bottom:1px solid #334155;padding:.5rem .65rem}.demo-table tfoot td{border-bottom:none;padding-top:.75rem}.pill{border-radius:999px;padding:.15rem .45rem;font-size:.75rem;display:inline-block}.pill--ok{color:#6ee7b7;background:#065f46}.pill--muted{color:#d1d5db;background:#374151}.btn-primary,.btn-secondary{border-radius:var(--mc-radius);cursor:pointer;border:none;padding:.5rem .9rem;font-size:.85rem}.btn-primary{background:var(--mc-primary);color:#fff}.btn-secondary{color:var(--mc-text);background:#334155}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:1rem 0;display:grid}.metric-card{border-radius:var(--mc-radius);background:#0f172a;padding:.75rem}.metric-label{color:var(--mc-muted);font-size:.75rem;display:block}.metric-value{font-size:1.25rem}.demo-note{color:var(--mc-muted);margin-top:1rem;font-size:.75rem}.workflow-list{margin:1rem 0 0;padding:0;list-style:none}.workflow-list li{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.workflow-key{color:var(--mc-muted);font-size:.75rem}.summary-bars{margin-top:1rem}.summary-row{grid-template-columns:80px 1fr 70px;align-items:center;gap:.5rem;margin-bottom:.65rem;font-size:.85rem;display:grid}.bar{background:#334155;border-radius:4px;height:8px;overflow:hidden}.bar-fill{background:var(--mc-primary);height:100%}.bar-fill--water{background:var(--mc-accent)}code{font-size:.85em}.layout3d-panel__head{flex-wrap:wrap;align-items:center;gap:.65rem;margin-bottom:.25rem;display:flex}.layout3d-panel__head h2{margin:0}.layout3d-map{border-radius:var(--mc-radius);background:#082f49;border:1px solid #334155;margin:.75rem 0;overflow:hidden}.layout3d-svg{width:100%;height:auto;max-height:320px;display:block}.layout3d-legend{color:var(--mc-muted);flex-wrap:wrap;gap:.75rem 1.25rem;margin:.5rem 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.layout3d-legend li{align-items:center;gap:.35rem;display:flex}.layout3d-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.layout3d-dot--online{background:#38bdf8}.layout3d-dot--alert{background:#f87171}.layout3d-dot--idle{background:#64748b}.layout3d-dot--maint{background:#fbbf24}.layout3d-dev-iframe{border-radius:var(--mc-radius);background:#0f172a;border:1px solid #334155;width:100%;min-height:420px;margin-top:.75rem;display:block}