.sp-storage-meter { position:relative; align-self:flex-start; width:240px; margin:24px 20px; box-sizing:border-box; padding:14px 16px; border:1px solid var(--v2-border-strong,#34343c); border-radius:12px; background:var(--v2-slate,#181d21); color:var(--text-main,#f1f4f7); font-family:Manrope,system-ui,sans-serif; font-size:13px; line-height:1.5; }
.sp-storage-meter[hidden], .reframe-studio-open .sp-storage-meter, body:has(dialog[open]) .sp-storage-meter { display:none; }
.sp-storage-header { display:flex; justify-content:space-between; gap:16px; align-items:center; }
.sp-storage-header strong { font-size:13px; font-weight:700; }
.sp-storage-header a { color:var(--v2-blue-light,#3b82f6); font-size:12px; text-decoration:none; }
.sp-storage-header a:focus-visible { outline:2px solid var(--v2-blue-light,#3b82f6); outline-offset:3px; }
.sp-storage-value { margin:8px 0; font-variant-numeric:tabular-nums; }
.sp-storage-meter small { display:block; font-size:12px; color:var(--text-muted,#9da6af); }
.sp-storage-meter progress { display:block; appearance:none; width:100%; height:5px; margin:10px 0; border:0; border-radius:3px; overflow:hidden; background:var(--v2-fill-hover,#262c32); accent-color:var(--v2-blue,#1014ef); }
.sp-storage-meter progress[hidden] { display:none; }
.sp-storage-meter progress::-webkit-progress-bar { background:var(--v2-fill-hover,#262c32); border-radius:3px; }
.sp-storage-meter progress::-webkit-progress-value { background:var(--v2-blue,#1014ef); border-radius:3px; }
.sp-storage-meter progress::-moz-progress-bar { background:var(--v2-blue,#1014ef); border-radius:3px; }
.sp-has-storage-meter { padding-bottom:16px; }
@media(max-width:767px) { .sp-storage-meter { position:static; width:auto; max-width:320px; margin:24px 16px; } .sp-has-storage-meter { padding-bottom:0; } }