/* Sparklight Studio V3 — physical metre scale, airy formation layouts */
.sky-lab-canvas-wrap{background:radial-gradient(ellipse at center,#101d3b 0%,#080f22 65%,#050914 100%);}
#sky-lab-canvas{display:block}
.sky-v3-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:24px}
.sky-v3-meter{background:linear-gradient(160deg,rgba(24,44,79,.8),rgba(13,24,45,.8));border:1px solid rgba(153,188,234,.2);border-radius:12px;padding:13px 15px;min-width:0}
.sky-v3-meter span{display:block;color:#91b6d6;letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:700}
.sky-v3-meter strong{display:block;color:#edf7ff;font:700 clamp(18px,2.5vw,27px)/1.3 Manrope,Arial,sans-serif;margin-top:7px;font-variant-numeric:tabular-nums}
.sky-v3-distribution{grid-column:1/-1;padding:14px 15px;background:rgba(10,20,42,.45);border:1px solid rgba(160,182,222,.18);border-radius:12px}
.sky-v3-distribution>span{font-size:10px;letter-spacing:.07em;font-weight:800;color:#bdcbe7}
.sky-v3-bar{height:7px;border-radius:99px;display:flex;overflow:hidden;margin:12px 0;background:#1a2743}
.sky-v3-bar i{display:block;min-width:0;transition:width .25s ease}
#sky-v3-bar-structure{background:#83d8fc}#sky-v3-bar-relief{background:#b2a4fd}#sky-v3-bar-effects{background:#4d83c7}
.sky-v3-legend{display:flex;flex-wrap:wrap;gap:8px 17px}
.sky-v3-legend span{color:#afc2de;font-size:10px}
.sky-v3-legend b{font-variant-numeric:tabular-nums;color:#f0f7ff;margin-left:4px}
.sky-v3-metrics>p{grid-column:1/-1;color:#8fa7c6;font-size:10px;line-height:1.65;margin:1px 2px 0}
.sky-v3-reference-note{display:block;margin:4px 0 0;color:#91a7c4;font-size:9px;line-height:1.5}
.sky-lab-count-buttons{gap:2px}
.sky-lab-count-buttons button{font-size:10px}
.sky-lab-option:has(input:checked){border-color:#9dc8ef}
@media(max-width:600px){
 .sky-v3-metrics{gap:7px;margin-top:18px}
 .sky-v3-meter{padding:11px 9px}
 .sky-v3-meter span{font-size:8px;line-height:1.5}
 .sky-v3-meter strong{font-size:20px}
 .sky-v3-distribution{padding:12px}
 .sky-v3-legend{gap:7px 11px}
 .sky-v3-legend span{font-size:9px}
 .sky-lab-count-buttons button{min-width:0;padding:6px 2px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.sky-v3-bar i{transition:none}}
