.studio-widget-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(var(--widget-row), auto);gap:var(--widget-gap);align-items:stretch;display:grid;container:studio-dashboard/inline-size}.studio-widget-grid>*{grid-column:span var(--widget-columns,6);grid-row:span var(--widget-rows,1);min-width:0}.studio-widget-frame{min-width:0;min-height:calc(var(--widget-rows,2) * var(--widget-row) + (var(--widget-rows,2) - 1) * var(--widget-gap));border:1px solid var(--border);border-radius:var(--widget-radius);background:var(--card);box-shadow:none;overflow-wrap:anywhere;flex-direction:column;gap:0;padding:0;display:flex;container:studio-widget/inline-size}.studio-widget-heading{padding:var(--widget-padding) var(--widget-padding) 8px;justify-content:space-between;align-items:start;gap:8px;display:flex}.studio-widget-action{flex-shrink:0;max-width:50%}.studio-widget-body{min-width:0;min-height:0;padding:0 var(--widget-padding) var(--widget-padding);flex:1}.studio-widget-body-table{padding:0 0 12px;overflow-x:auto}.studio-widget-metric{min-width:0;min-height:min(72px, var(--widget-row));border:1px solid var(--border);border-radius:var(--widget-radius);background:var(--card);padding:calc(var(--widget-padding) - 4px)}.studio-widget-metric-label{color:var(--muted-foreground);font-size:12px;line-height:18px}.studio-widget-state{height:100%;min-height:112px;color:var(--muted-foreground);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.studio-widget-skeleton{background:var(--muted);border-radius:8px;width:75%;height:56px}.studio-widget-metric-grid{gap:var(--widget-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));display:grid}@container studio-dashboard (width<1100px){.studio-widget-grid>*{grid-column:span 6}.studio-widget-grid>[data-widget-wide]{grid-column:1/-1}}@container studio-dashboard (width<640px){.studio-widget-grid>*{grid-column:1/-1}}@container studio-widget (width<320px){.studio-widget-heading{flex-wrap:wrap}.studio-widget-action{max-width:100%}}[data-slot=chart] .recharts-cartesian-grid line{stroke:var(--chart-grid);stroke-width:1px;stroke-dasharray:none}[data-slot=chart] .recharts-line-curve{stroke-width:var(--chart-line-width)}[data-slot=chart] .recharts-cartesian-axis-tick text{font-size:11px}.studio-widget-frame,.studio-widget-metric{--studio-progress-height:6px;--studio-metric-size:24px;--chart-muted:color-mix(in srgb, var(--chart-1) 22%, var(--card))}.studio-widget-frame [data-slot=progress-indicator],.studio-widget-metric [data-slot=progress-indicator]{background:var(--chart-1)}.studio-widget-value{font-variant-numeric:tabular-nums;letter-spacing:-.035em;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:24px;font-weight:550;line-height:30px;display:flex}.studio-widget-unit{color:var(--muted-foreground);letter-spacing:normal;font-size:12px;font-weight:400;line-height:18px}.studio-signal-body{flex-direction:column;gap:8px;display:flex}.studio-signal-visual{flex-direction:column;flex:1;justify-content:center;min-height:40px;display:flex}.studio-widget-rate-ring{align-items:center;gap:12px;min-height:56px;display:flex}.studio-widget-rate-ring-plot{flex:none;width:56px;height:56px;position:relative}.studio-widget-note{color:var(--muted-foreground);margin-top:4px;font-size:11px;line-height:16px}.studio-signal-footer{border-top:1px solid var(--border);color:var(--muted-foreground);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:8px;font-size:12px;line-height:18px;display:flex}.studio-widget-metric{flex-direction:column;gap:2px;display:flex}.studio-widget-metric>.studio-metric{margin-top:0}.studio-widget-frame .studio-metric-feature,.studio-widget-frame .studio-metric-compact{font-size:var(--studio-metric-size)}.studio-widget-status{color:var(--muted-foreground);align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:18px;display:inline-flex}.studio-widget-status>span{background:currentColor;border-radius:50%;flex-shrink:0;width:5px;height:5px}.studio-widget-status[data-tone=success]{color:var(--success-foreground)}.studio-widget-status[data-tone=warning]{color:var(--warning-foreground)}.studio-widget-status[data-tone=danger]{color:var(--destructive)}