/* Renzo Artifacts v2 — Side Panel */
.rza-panel{position:fixed;top:0;right:0;width:min(50vw,680px);height:100vh;background:var(--bg,#0f172a);border-left:1px solid var(--border,rgba(148,163,184,0.1));z-index:9000;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:-8px 0 32px rgba(0,0,0,0.3)}
.rza-panel.rza-open{transform:translateX(0)}
.rza-panel.rza-fullscreen{width:100vw;border-left:none}
.rza-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border,rgba(148,163,184,0.08));flex-shrink:0}
.rza-header-left{display:flex;align-items:center;gap:8px}
.rza-header-right{display:flex;align-items:center;gap:4px}
.rza-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff}
.rza-badge .lucide{width:14px;height:14px}
.rza-title{font-weight:700;font-size:0.9em;color:var(--text,#e2e8f0)}
.rza-type{font-size:0.65em;font-weight:600;color:var(--primary-light,#818cf8);background:rgba(99,102,241,0.1);padding:2px 6px;border-radius:4px;letter-spacing:0.05em}
.rza-counter{font-size:0.75em;color:var(--text-muted,#64748b);min-width:30px;text-align:center}
.rza-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--text-muted,#64748b);cursor:pointer;border-radius:6px;transition:all 0.15s}
.rza-btn:hover{background:rgba(148,163,184,0.08);color:var(--text,#e2e8f0)}
.rza-btn .lucide{width:15px;height:15px}
.rza-close-btn:hover{color:#ef4444}
.rza-body{flex:1;overflow:auto;padding:0}
.rza-type-html .rza-body,.rza-type-svg .rza-body{padding:0}
.rza-iframe{width:100%;height:100%;border:none;background:#fff}
.rza-svg-wrap{display:flex;align-items:center;justify-content:center;min-height:300px;padding:24px}
.rza-svg-wrap svg{max-width:100%;height:auto}
.rza-table-wrap{padding:16px;overflow:auto}
.rza-table-wrap table{width:100%;border-collapse:collapse;font-size:0.82em}
.rza-table-wrap th{background:rgba(99,102,241,0.06);padding:8px 12px;text-align:left;font-weight:600;color:var(--text);border-bottom:2px solid var(--border)}
.rza-table-wrap td{padding:7px 12px;border-bottom:1px solid var(--border);color:var(--text)}
.rza-table-wrap tr:hover td{background:rgba(99,102,241,0.03)}
.rza-code{margin:0;padding:24px;font-size:0.82em;line-height:1.7;overflow:auto;height:100%;color:#e2e8f0;background:#1e293b}
.rza-mermaid{padding:24px;display:flex;align-items:center;justify-content:center;min-height:300px}
.rza-generic{padding:24px;font-size:0.9em;line-height:1.7;color:var(--text)}
.rza-inline-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:rgba(99,102,241,0.08);border:1px solid rgba(99,102,241,0.15);border-radius:6px;font-size:0.8em;color:var(--primary-light,#818cf8);cursor:pointer;transition:all 0.15s;font-weight:500}
.rza-inline-badge:hover{background:rgba(99,102,241,0.15);border-color:rgba(99,102,241,0.3)}
@media(max-width:768px){.rza-panel{width:100vw}}