.slt-page{width:min(880px,100% - 32px);margin:0 auto;padding:0 0 clamp(36px,5vw,64px)}.slt-page *,.slt-page :before,.slt-page :after{box-sizing:border-box}.slt-page h1,.slt-page p{margin:0}.slt-page button{font:inherit}.slt-kicker{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:850}.slt-hero{text-align:center;padding:clamp(26px,4.5vw,44px)}.slt-hero h1{color:var(--foreground);font-family:var(--font-display), var(--font-sans), sans-serif;letter-spacing:-.045em;word-break:keep-all;margin-top:10px;font-size:clamp(32px,5.4vw,54px);line-height:1.05}.slt-hero p:last-child{max-width:540px;color:var(--muted);word-break:keep-all;margin:14px auto 0;font-size:clamp(.86rem,1.6vw,1rem);line-height:1.7}.slt-demo{margin-top:16px;padding:clamp(18px,3vw,28px)}.slt-stage{border:var(--pixel) solid var(--border-strong);place-items:center;min-height:clamp(230px,26vw,320px);padding:20px;transition:background .18s linear;display:grid;position:relative}.slt-stage:fullscreen{border:0;width:100vw;height:100vh;padding:24px}.slt-stage-bar{justify-items:center;gap:10px;transition:opacity .3s;display:grid}.slt-stage-bar.is-hidden{opacity:0;pointer-events:none}.slt-full-btn{letter-spacing:-.01em;cursor:pointer;background:0 0;border:2px solid;min-height:52px;padding:15px 26px;font-size:clamp(.86rem,2vw,1rem);font-weight:850}.slt-full-btn:hover{opacity:.72}.slt-stage-hint{opacity:.72;font-size:.72rem;font-weight:700}.slt-uses{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.slt-use{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);min-height:44px;color:var(--muted);text-align:left;cursor:pointer;gap:3px;padding:14px 12px;display:grid}.slt-use-icon{font-size:1.1rem;line-height:1.2}.slt-use b{color:var(--foreground);font-size:.84rem}.slt-use small{word-break:keep-all;font-size:.66rem;line-height:1.45}.slt-use.is-on{border-color:var(--accent);background:var(--surface-1)}.slt-use.is-on b{color:var(--accent)}.slt-use:hover{border-color:var(--accent)}.slt-confirm{border:var(--pixel) solid var(--accent);background:var(--surface-2);gap:11px;margin-top:12px;padding:16px;display:grid}.slt-confirm p{color:var(--muted);word-break:keep-all;font-size:.76rem;line-height:1.6}.slt-confirm strong{color:var(--foreground)}.slt-confirm>div{flex-wrap:wrap;gap:8px;display:flex}.slt-confirm button{border:var(--pixel) solid var(--border-strong);cursor:pointer;min-height:44px;padding:10px 18px;font-size:.76rem;font-weight:800}.slt-confirm .slt-ok{border-color:var(--accent);background:var(--accent);color:var(--background)}.slt-confirm .slt-no{background:var(--surface-1);color:var(--muted)}.slt-bright,.slt-slider{color:var(--muted);grid-template-columns:64px 1fr 58px;align-items:center;gap:10px;font-size:.72rem;font-weight:750;display:grid}.slt-bright>span,.slt-slider>span{white-space:nowrap}.slt-bright{margin-top:14px}.slt-bright b,.slt-slider b{color:var(--foreground);font:800 .72rem/1 var(--font-geist-mono), monospace;text-align:right}.slt-bright input[type=range],.slt-slider input[type=range]{width:100%;accent-color:var(--accent)}.slt-slider input[type=range]:disabled{opacity:.4}.slt-slider.is-r input[type=range]{accent-color:#ff5f56}.slt-slider.is-g input[type=range]{accent-color:#4ecb93}.slt-slider.is-b input[type=range]{accent-color:#5aa9ff}.slt-notice{border:var(--pixel) solid var(--accent);color:var(--muted);word-break:keep-all;margin-top:12px;padding:11px 13px;font-size:.72rem;line-height:1.6}.slt-more{border-top:var(--pixel) solid var(--border-strong);margin-top:14px}.slt-more summary{color:var(--accent);cursor:pointer;padding:13px 2px 0;font-size:.74rem;font-weight:800}.slt-more-body{gap:11px;padding-top:12px;display:grid}.slt-presets{flex-wrap:wrap;gap:6px;display:flex}.slt-chip{border:var(--pixel) solid var(--border-strong);background:var(--surface-2);color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:8px 11px;font-size:.7rem;font-weight:750;display:inline-flex}.slt-chip i{border:1px solid var(--border-strong);width:13px;height:13px}.slt-chip.is-on{border-color:var(--accent);color:var(--foreground)}.slt-sliders{gap:7px;display:grid}.slt-more-note{color:var(--muted);word-break:keep-all;font-size:.72rem;line-height:1.6}.slt-more-note b{color:var(--foreground);font-family:var(--font-geist-mono), monospace}.slt-tips{border:var(--pixel) solid var(--border-strong);background:var(--surface-1);gap:7px;margin-top:16px;padding:18px 20px;display:grid}.slt-tips p{color:var(--muted);word-break:keep-all;font-size:.74rem;line-height:1.55}.slt-tips b{color:var(--accent);margin-right:6px}.slt-warning{gap:8px;padding:22px 2px 0;display:grid}.slt-warning strong{color:var(--foreground);font-size:.78rem}.slt-warning p{color:var(--muted);word-break:keep-all;font-size:.72rem;line-height:1.6}.slt-warning p strong{font-size:inherit}.slt-source-link{color:var(--muted);font:650 .62rem/1.5 var(--font-geist-mono), monospace;text-underline-offset:3px;justify-self:start}.slt-source-link:hover{color:var(--foreground)}.slt-post-link{color:var(--accent);border-bottom:1.5px solid color-mix(in srgb, var(--accent) 45%, transparent);justify-self:start;padding:4px 0;font-size:.74rem;font-weight:800;text-decoration:none}.slt-post-link:hover{border-bottom-color:var(--accent)}@media (max-width:620px){.slt-page{width:min(100% - 24px,880px);padding:20px 0 36px}.slt-hero,.slt-demo{padding:20px 16px}.slt-hero h1{font-size:clamp(30px,9vw,44px)}.slt-uses{grid-template-columns:repeat(2,1fr)}.slt-bright,.slt-slider{grid-template-columns:58px 1fr 52px}}@media (prefers-reduced-motion:reduce){.slt-stage,.slt-stage-bar{transition:none}}html[data-capture=demo] .slt-stage{transition:none}