.studio-performance-panel{min-width:0;box-sizing:border-box;padding:calc(var(--cb-editor-space) * 0.6);color:var(--cb-text);background:var(--cb-raised);font:calc(12px * var(--cb-type-scale))/calc(1.5 * var(--cb-leading-scale)) var(--cb-font);overflow:auto;height:100%;font-variant-numeric:tabular-nums}
.spp-header{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);margin-bottom:12px}.spp-header strong{font-size:calc(14px * var(--cb-type-scale));color:var(--cb-text)}.spp-header small{display:block;color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale))}.spp-header>span{font-size:calc(10px * var(--cb-type-scale));white-space:nowrap;border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-inset);border-radius:calc(var(--cb-radius) * 1);padding:calc(var(--cb-editor-space) * 0.15) calc(var(--cb-editor-space) * 0.4);color:var(--cb-text)}
.spp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:calc(var(--cb-editor-space) * 0.35)}.spp-cards>div{padding:calc(var(--cb-editor-space) * 0.45) calc(var(--cb-editor-space) * 0.5);background:var(--cb-surface);border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.58333);min-width:0}.spp-cards span,.spp-cards small{display:block;color:var(--cb-muted);font-size:calc(10px * var(--cb-type-scale))}.spp-cards strong{display:block;margin:4px 0;font-size:calc(18px * var(--cb-type-scale));font-weight:650;color:var(--cb-text);overflow-wrap:anywhere}.spp-cards small{font-size:calc(9px * var(--cb-type-scale))}
.spp-history{margin:13px 0}.spp-history>div:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.2);font-size:calc(11px * var(--cb-type-scale))}.spp-history small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted)}.spp-bars{height:44px;display:flex;align-items:flex-end;gap:calc(var(--cb-editor-space) * 0.1);padding:calc(var(--cb-editor-space) * 0.25) 0;margin:4px 0;border-bottom:var(--cb-border-width) solid var(--cb-border);background:repeating-linear-gradient(to top,transparent,transparent 15px,var(--cb-data-primary) 15px,var(--cb-data-primary) 16px)}.spp-bars i{display:block;flex:1;max-width:8px;height:var(--spp-height,2%);min-height:1px;background:var(--cb-data-primary);border-radius:calc(var(--cb-radius) * 0.16667) calc(var(--cb-radius) * 0.16667) 0 0}.spp-bars i.is-slow{background:var(--cb-warning-soft)}.spp-bars i[hidden]{display:none}
.spp-section{border-top:var(--cb-border-width) solid var(--cb-border);padding-top:calc(var(--cb-editor-space) * 0.5);margin-top:10px}.spp-section h3{display:flex;justify-content:space-between;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.2);font-size:calc(12px * var(--cb-type-scale) * var(--cb-heading-scale));margin:0 0 7px;font-weight:var(--cb-heading-weight)}.spp-section h3 small{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);font-weight:400}.spp-resources{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:calc(var(--cb-editor-space) * 0.1) calc(var(--cb-editor-space) * 0.8)}.spp-resources>div{display:flex;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);padding:calc(var(--cb-editor-space) * 0.15) 0;min-width:0}.spp-resources dt{color:var(--cb-muted);font-size:calc(11px * var(--cb-type-scale))}.spp-resources dd{margin:0;font-size:calc(11px * var(--cb-type-scale));font-weight:550;overflow-wrap:anywhere}.spp-storage{display:flex;justify-content:space-between;gap:calc(var(--cb-editor-space) * 0.4);margin-top:8px;padding:calc(var(--cb-editor-space) * 0.35) calc(var(--cb-editor-space) * 0.45);border:var(--cb-border-width) solid var(--cb-border);background:var(--cb-raised);border-radius:calc(var(--cb-radius) * 0.41667);font-size:calc(11px * var(--cb-type-scale))}.spp-storage strong{white-space:nowrap}.spp-note{font-size:calc(10px * var(--cb-type-scale));color:var(--cb-muted);margin:6px 0 0;line-height:calc(1.55 * var(--cb-leading-scale))}.spp-heap{font-size:calc(11px * var(--cb-type-scale));overflow-wrap:anywhere}
.spp-actions{display:flex;flex-wrap:wrap;gap:calc(var(--cb-editor-space) * 0.35);margin-top:14px}.studio-performance-panel button{border:var(--cb-border-width) solid var(--cb-border);border-radius:calc(var(--cb-radius) * 0.41667);min-height:30px;padding:calc(var(--cb-editor-space) * 0.25) calc(var(--cb-editor-space) * 0.5);background:var(--cb-inset);color:var(--cb-text);font:inherit;font-size:calc(11px * var(--cb-type-scale));cursor:pointer}.studio-performance-panel button[data-spp-action=reset]{background:var(--cb-surface)}.studio-performance-panel button:disabled{opacity:.5;cursor:not-allowed}.studio-performance-panel button:focus-visible{outline:max(2px, var(--cb-border-width)) solid var(--cb-focus);outline-offset:2px}.spp-message{margin:8px 0 0;color:var(--cb-text);font-size:calc(11px * var(--cb-type-scale));line-height:calc(1.6 * var(--cb-leading-scale));overflow-wrap:anywhere}.spp-message:empty{display:none}.spp-message.is-error{color:var(--cb-danger-ink)}