/* Creator Studio dashboard */
.studio-hero { padding: clamp(40px,6vw,72px) 0 clamp(28px,4vw,48px); }
.studio-top { display:flex; justify-content:space-between; align-items:flex-end; gap: var(--s5); flex-wrap:wrap; margin-bottom: var(--s6); }
.studio-range { display:flex; gap:6px; }
.kpi-row { display:grid; grid-template-columns: repeat(4,1fr); gap: var(--s4); }
.kpi { background: var(--surface); border:1px solid var(--line); border-radius: var(--radius); padding: var(--s5); }
.kpi-label { font-family:var(--mono); font-size:.68rem; letter-spacing:.1em; text-transform:uppercase; color: var(--on-dark-mut); }
.kpi-val { display:block; font-family:var(--display); font-weight:800; font-size: clamp(1.5rem,3vw,2.1rem); margin:8px 0 4px; }
.kpi-delta { font-size:.82rem; font-family:var(--mono); }
.kpi-delta.up { color: var(--lime); } .kpi-delta.down { color: var(--cherry); }
@media (max-width:720px){ .kpi-row{ grid-template-columns:1fr 1fr; } }

.studio-grid { display:grid; grid-template-columns: 2fr 1fr; gap: var(--s5); }
.panel { background:#fff; border:1px solid rgba(0,0,0,.09); border-radius: var(--radius-lg); padding: var(--s6); color: var(--on-light); }
.panel-wide { grid-column: span 1; }
.studio-grid > .panel-wide:first-child { grid-column: 1; }
.panel-head { display:flex; justify-content:space-between; align-items:baseline; margin-bottom: var(--s5); }
.panel-head h3 { font-family:var(--display); font-size:1.15rem; }
.panel-head .mut-l { font-size:.82rem; }
.svg-chart { width:100%; height: 200px; display:block; }

.trinity { display:grid; gap: var(--s4); }
.tri { border-left:4px solid var(--tc); padding-left: var(--s4); }
.tri-k { font-family:var(--mono); font-size:.72rem; letter-spacing:.12em; color: var(--tc); }
.tri b { display:block; font-family:var(--display); font-size:1.8rem; }
.tri p { font-size:.84rem; margin:2px 0 0; }

.cadence { text-align:left; }
.cad-big { font-family:var(--display); font-weight:800; font-size:2rem; color: var(--gold-deep); }
.cad-dots { display:flex; gap:6px; margin: var(--s4) 0 8px; }
.cad-dot { width:26px; height:10px; border-radius:3px; background: rgba(0,0,0,.1); }
.cad-dot.on { background: var(--lime); }

.vid-table { display:flex; flex-direction:column; }
.vt-head, .vt-row { display:grid; grid-template-columns: 3fr 1fr 1fr 1fr 1.2fr; gap: var(--s4); align-items:center; padding: 12px 0; }
.vt-head { font-family:var(--mono); font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color: var(--on-light-mut); border-bottom:2px solid rgba(0,0,0,.1); }
.vt-row { border-bottom:1px solid rgba(0,0,0,.07); font-size:.92rem; }
.vt-title { display:flex; align-items:center; gap:12px; font-weight:600; }
.vt-title img { border-radius:5px; object-fit:cover; flex:none; }
.vt-delta { font-family:var(--mono); font-size:.82rem; text-align:right; }
.vt-delta.up { color: var(--lime); } .vt-delta.down { color: var(--cherry); }
@media (max-width:900px){ .studio-grid{ grid-template-columns:1fr; } .studio-grid > .panel-wide:first-child{ grid-column:1; }
  .vt-head, .vt-row{ grid-template-columns: 2fr 1fr 1fr; } .vt-head span:nth-child(4), .vt-head span:nth-child(5), .vt-row > *:nth-child(4), .vt-row > *:nth-child(5){ display:none; }
  .vt-title img{ display:none; } }