.slbg{--slbg-tray:var(--sl-bg-sunken,#f4f6fa);--slbg-chip:var(--sl-surface,#fff);--slbg-chip-shadow:0 1px 2px #10182814, 0 0 0 1px #1018280a;--slbg-label:var(--sl-text-label,#6f6f6f);--slbg-panel:var(--sl-bg-subtle,#fafafa);background-color:var(--sl-bg);color:var(--sl-text);font-family:var(--sl-font);line-height:1.5}:is(html.dark,body.dark,html[data-stacklumen-theme=dark],body[data-stacklumen-theme=dark]) .slbg{--slbg-tray:#141417;--slbg-chip:#26262b;--slbg-chip-shadow:0 1px 2px #00000080, 0 0 0 1px #ffffff0f;--slbg-label:var(--sl-text-label,#8f8f8f);--slbg-panel:#0f0f11}.slbg .mkt-title.sl-bg-hero-title{max-width:14ch}.slbg .sl-bg-toc{border-top:1px solid var(--sl-border);flex-wrap:wrap;gap:8px clamp(20px,3vw,40px);margin-top:clamp(40px,6vh,64px);padding-top:18px;display:flex}.slbg .sl-bg-toc a{color:var(--sl-text-muted);letter-spacing:.1em;text-transform:uppercase;transition:color var(--sl-dur-fast,.15s) var(--sl-ease-out,ease);font-size:12px;font-weight:600;text-decoration:none}.slbg .sl-bg-toc a:hover{color:var(--sl-accent)}.slbg .sl-bg-section{border-top:1px solid var(--sl-border);scroll-margin-top:calc(var(--sl-chrome-h,119px) + 16px);padding:clamp(72px,10vh,128px) 0}.slbg .sl-bg-head{max-width:760px;margin-bottom:clamp(36px,5vh,56px)}.slbg .sl-bg-h{max-width:22ch;color:var(--sl-text);font-family:var(--sl-font-display);letter-spacing:-.032em;text-wrap:balance;margin:0;font-size:clamp(32px,3.6vw,56px);font-weight:600;line-height:1.04}.slbg .sl-bg-h .mute{color:var(--sl-text-muted)}.slbg .sl-bg-lead{max-width:62ch;color:var(--sl-text-muted);margin:18px 0 0;font-size:clamp(16px,1.4vw,19px);line-height:1.6}.slbg .sl-bg-label{color:var(--slbg-label);font-variant-numeric:tabular-nums;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600;line-height:1.3}.slbg .sl-bg-mark-row{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:clamp(16px,2vw,24px);display:grid}@media (max-width:900px){.slbg .sl-bg-mark-row{grid-template-columns:1fr}}.slbg .sl-bg-construct{border:1px solid var(--sl-border);background:var(--slbg-panel);border-radius:2px;flex-direction:column;margin:0;padding:clamp(20px,3vw,36px);display:flex}.slbg .sl-bg-construct-svg{width:100%;max-width:520px;height:auto;margin:auto;display:block;overflow:visible}.slbg .sl-bg-dot-fill{fill:var(--sl-text);opacity:.3}.slbg .sl-bg-construct-box{fill:none;stroke:var(--sl-border-strong);stroke-width:.06px;stroke-dasharray:.3 .3}.slbg .sl-bg-dim line{stroke:var(--sl-accent);stroke-width:.09px}.slbg .sl-bg-dim-chip{fill:var(--sl-accent)}.slbg .sl-bg-dim-text{fill:#fff;font-family:var(--sl-font);letter-spacing:.06em;text-anchor:middle;font-size:.95px;font-weight:600}.slbg .sl-bg-ramp-ticks line{stroke:var(--sl-text-muted);stroke-width:.06px}.slbg .sl-bg-caption{border-top:1px solid var(--sl-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;margin-top:clamp(16px,2.4vw,28px);padding-top:14px;display:flex}.slbg .sl-bg-ramp-legend{flex-wrap:wrap;gap:6px 16px;display:flex}.slbg .sl-bg-ramp-stop{color:var(--sl-text-muted);font-variant-numeric:tabular-nums;align-items:center;gap:7px;font-size:12.5px;display:inline-flex}.slbg .sl-bg-ramp-stop i{border-radius:2px;width:10px;height:10px}.slbg .sl-bg-files{grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,16px);display:grid}@media (max-width:900px){.slbg .sl-bg-files{grid-template-rows:none;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}.slbg .sl-bg-file{border:1px solid var(--sl-border);background:var(--sl-bg);border-radius:2px;flex-direction:column;display:flex;overflow:hidden}.slbg .sl-bg-file-stage{background:#fff;flex:1;place-items:center;min-height:120px;padding:24px;display:grid}.slbg .sl-bg-file-stage.is-dark{background:var(--sl-ink,#0a0a0a)}.slbg .sl-bg-file-stage img{width:min(100%,260px);height:auto}.slbg .sl-bg-file-stage.is-mark img{width:56px}:is(html.dark,body.dark,html[data-stacklumen-theme=dark],body[data-stacklumen-theme=dark]) .slbg .sl-bg-file-stage.is-dark{box-shadow:inset 0 0 0 1px #ffffff0f}.slbg .sl-bg-file-foot{border-top:1px solid var(--sl-border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.slbg .sl-bg-file-name{flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.slbg .sl-bg-file-name strong{color:var(--sl-text);font-weight:600}.slbg .sl-bg-file-name span{color:var(--sl-text-muted)}.slbg .sl-bg-dl{color:var(--sl-accent);flex-shrink:0;font-size:13px;font-weight:600;text-decoration:none}.slbg .sl-bg-dl:hover{text-underline-offset:3px;text-decoration:underline}.slbg .sl-bg-colors{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(12px,1.6vw,16px);display:grid}@media (max-width:1100px){.slbg .sl-bg-colors{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px){.slbg .sl-bg-colors{grid-template-columns:1fr;gap:10px}}.slbg .sl-bg-color{border:1px solid var(--sl-border);background:var(--sl-bg);border-radius:2px;overflow:hidden}.slbg .sl-bg-swatch{border-bottom:1px solid var(--sl-border);color:#fff;letter-spacing:.1em;text-transform:uppercase;align-items:flex-end;min-height:132px;padding:12px 14px;font-size:11px;font-weight:600;display:flex}.slbg .sl-bg-swatch.is-light{color:#0a0a0a}.slbg .sl-bg-color-name{font-family:var(--sl-font-display);letter-spacing:-.02em;margin:14px 14px 2px;font-size:17px;font-weight:600}.slbg .sl-bg-color-role{min-height:2.8em;color:var(--sl-text-muted);margin:0 14px 12px;font-size:13px;line-height:1.4}.slbg .sl-bg-color-specs{border-top:1px solid var(--sl-border);margin:0}.slbg .sl-bg-color-specs>div{justify-content:space-between;gap:10px;padding:7px 14px;font-size:12.5px;display:flex}.slbg .sl-bg-color-specs>div+div{border-top:1px solid var(--sl-border)}.slbg .sl-bg-color-specs dt{color:var(--sl-text-muted);flex-shrink:0}.slbg .sl-bg-color-specs dd{overflow-wrap:anywhere;text-align:right;min-width:0;margin:0;font-weight:500}.slbg .sl-bg-color-specs dd[data-out]{font-variant-numeric:tabular-nums}@media (max-width:760px){.slbg .sl-bg-color{grid-template-rows:auto auto 1fr;grid-template-columns:96px minmax(0,1fr);display:grid}.slbg .sl-bg-swatch{border-bottom:0;border-right:1px solid var(--sl-border);grid-row:1/span 3;min-height:100%}.slbg .sl-bg-color-role{min-height:0}}.slbg .sl-bg-types{border:1px solid var(--sl-border);background:var(--sl-border);border-radius:2px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (max-width:760px){.slbg .sl-bg-types{grid-template-columns:1fr}}.slbg .sl-bg-type-card{background:var(--sl-bg);flex-direction:column;justify-content:space-between;gap:24px;padding:clamp(20px,2.6vw,32px);display:flex}.slbg .sl-bg-type-sample{color:var(--sl-text);margin:0}.slbg .sl-bg-type-sample.is-display{font-family:var(--sl-font-display);letter-spacing:-.044em;font-size:clamp(40px,4.4vw,64px);font-weight:700;line-height:.96}.slbg .sl-bg-type-sample.is-section{font-family:var(--sl-font-display);letter-spacing:-.032em;font-size:clamp(28px,2.8vw,40px);font-weight:600;line-height:1.05}.slbg .sl-bg-type-sample.is-body{max-width:44ch;color:var(--sl-text-muted);font-size:17px;line-height:1.6}.slbg .sl-bg-type-sample.is-label{color:var(--slbg-label);letter-spacing:.1em;text-transform:uppercase;font-size:11px;font-weight:600}.slbg .sl-bg-type-meta{border-top:1px solid var(--sl-border);grid-template-columns:minmax(80px,.4fr) minmax(0,1fr);align-items:start;gap:16px;padding-top:16px;display:grid}.slbg .sl-bg-type-name{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.slbg .sl-bg-type-specs{gap:4px;margin:0;display:grid}.slbg .sl-bg-type-specs>div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.slbg .sl-bg-type-specs dt{color:var(--sl-text-muted)}.slbg .sl-bg-type-specs dd{text-align:right;margin:0;font-weight:500}.slbg .sl-bg-demo{border:1px solid var(--sl-border);background:var(--sl-border);border-radius:2px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-bottom:clamp(16px,2vw,24px);display:grid;overflow:hidden}@media (max-width:860px){.slbg .sl-bg-demo{grid-template-columns:1fr}}.slbg .sl-bg-demo-cell{background:var(--slbg-panel);flex-direction:column;justify-content:space-between;gap:20px;min-height:150px;padding:clamp(20px,2.4vw,28px);display:flex}.slbg .sl-bg-radii{gap:12px;display:flex}.slbg .sl-bg-radius{border:1px solid var(--sl-border-strong);background:var(--sl-bg);place-items:end start;width:64px;height:64px;padding:7px 8px;display:grid}.slbg .sl-bg-radius b{color:var(--sl-text-muted);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.slbg .sl-bg-tray{background:var(--slbg-tray);border-radius:3px;align-self:flex-start;gap:3px;padding:3px;display:inline-flex}.slbg .sl-bg-chip{color:var(--sl-text-muted);font:500 13.5px/1.2 var(--sl-font);cursor:pointer;transition:background-color var(--sl-dur-fast,.15s) var(--sl-ease-out,ease), box-shadow var(--sl-dur-fast,.15s) var(--sl-ease-out,ease), color var(--sl-dur-fast,.15s) var(--sl-ease-out,ease);background:0 0;border:0;border-radius:2px;padding:8px 14px}.slbg .sl-bg-chip:hover{color:var(--sl-text)}.slbg .sl-bg-chip[aria-pressed=true]{background:var(--slbg-chip);box-shadow:var(--slbg-chip-shadow);color:var(--sl-text)}.slbg .sl-bg-chip:focus-visible{outline:2px solid var(--sl-accent);outline-offset:1px}.slbg .sl-bg-actions-demo{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.slbg .mkt-btn.sl-bg-demo-btn{pointer-events:none}.slbg .sl-bg-demo-link{color:var(--sl-accent);text-underline-offset:3px;font-size:14px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.slbg .sl-bg-rules{border:1px solid var(--sl-border);background:var(--sl-border);border-radius:2px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (max-width:860px){.slbg .sl-bg-rules{grid-template-columns:1fr}}.slbg .sl-bg-rule{background:var(--sl-bg);padding:clamp(20px,2.6vw,32px)}.slbg .sl-bg-rule-title{font-family:var(--sl-font-display);letter-spacing:-.02em;margin:0 0 8px;font-size:19px;font-weight:600}.slbg .sl-bg-rule-lead{color:var(--sl-text-muted);margin:0 0 14px;font-size:14px;line-height:1.6}.slbg .sl-bg-rule-list{margin:0;padding:0;list-style:none}.slbg .sl-bg-rule-list li{padding:9px 0 9px 18px;font-size:14px;line-height:1.55;position:relative}.slbg .sl-bg-rule-list li+li{border-top:1px solid var(--sl-border)}.slbg .sl-bg-rule-list li:before{content:"";background:var(--sl-text-muted);border-radius:50%;width:5px;height:5px;position:absolute;top:17px;left:0}@media (prefers-reduced-motion:reduce){.slbg .sl-bg-toc a,.slbg .sl-bg-chip{transition:none}}