body.style-lab-page{max-width:none;width:100%;background:#070707}
body.style-lab-page .toast{max-width:420px}
body.theme-dark.style-lab-page [style*="background:#111"]{background:#111111!important;color:inherit!important}
body.theme-dark.style-lab-page [style*="background:#171"]{background:#171717!important;color:inherit!important}
body.theme-dark.style-lab-page [style*="color:#111"]{color:#111111!important}
.style-lab-swatch.swatch-black{background:#070707!important}
.style-lab-swatch.swatch-surface{background:#111111!important}
.style-lab-swatch.swatch-surface-2{background:#171717!important}
.style-lab-swatch.swatch-gold{background:#D6B06A!important;color:#111111!important}
.style-lab-hero{text-align:center;margin:0 auto 32px}
.style-lab-flow{display:flex;gap:24px;align-items:flex-start;justify-content:center;flex-wrap:wrap;margin-top:32px}
.style-lab-stage{width:min(100%,388px)}
.style-lab-step{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start;margin-bottom:14px}
.style-lab-step-number{width:32px;height:32px;border-radius:50%;border:1px solid var(--bio-gold);color:var(--bio-gold);display:grid;place-items:center;font-size:16px;font-weight:500}
.style-lab-step h2{margin:2px 0 6px;color:#F8F8F8;font-size:16px;line-height:1.2;font-weight:600;text-transform:uppercase}
.style-lab-step p{margin:0;color:#C9C9C9;font-size:14px;line-height:1.45}
.style-lab-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0 0 48px}
.style-lab-swatch{min-height:108px;border-radius:24px;border:1px solid var(--bio-line);padding:16px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}
.style-lab-swatch b{font-size:13px;font-weight:600;color:#fff}
.style-lab-swatch span{font-size:13px;color:#B0B0B0}
.style-lab-component-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px}
.style-lab-component-stack{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.style-lab-notes{width:min(100%,330px);padding-top:80px}
.style-lab-notes h2{margin:0 0 24px;color:#F8F8F8;font-size:20px;font-weight:500;letter-spacing:.02em}
.style-lab-note{display:grid;grid-template-columns:28px 1fr;gap:14px;margin-bottom:18px;color:#D8D8D8;font-size:14px;line-height:1.4}
.style-lab-note i{color:var(--bio-gold);font-size:22px}
.style-lab-note-divider{height:1px;background:rgba(255,255,255,.08);margin:26px 0}
@media(max-width:980px){
  .style-lab-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
  .style-lab-component-grid{grid-template-columns:1fr}
  .style-lab-notes{padding-top:0}
}
@media(max-width:560px){
  .style-lab-controls{grid-template-columns:1fr 1fr;gap:10px}
  .style-lab-swatch{min-height:92px;border-radius:18px;padding:12px}
  .style-lab-flow{gap:32px;margin-top:24px}
}