.slab{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.slab__frame{position:relative;width:100%;aspect-ratio:16 / 10;min-height:580px;height:clamp(580px,74vh,1000px);border:var(--stroke);background:var(--color-bg-secondary);overflow:hidden}.slab.is-fullscreen{position:fixed;inset:0;z-index:1100;background:var(--color-bg);margin:0;padding:0;display:flex;flex-direction:column}.slab.is-fullscreen .slab__frame{flex:1 1 auto;aspect-ratio:auto;min-height:0;height:auto;border:0}.slab.is-fullscreen .slab__caption{display:none}body.slab-fullscreen-active{overflow:hidden}.slab__canvas{position:absolute;inset:0}.slab__canvas canvas{display:block;width:100%;height:100%;touch-action:none}.slab__topbar{position:absolute;top:var(--space-3);left:var(--space-3);right:var(--space-3);z-index:600;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2);flex-wrap:wrap;pointer-events:none;transition:right var(--dur-base) var(--ease-out)}.slab.is-panel-open .slab__topbar{right:calc(304px + var(--space-3))}.slab__stack{display:flex;flex-direction:column;gap:var(--space-2);pointer-events:auto}.slab__stack--left{align-items:flex-start}.slab__stack--right{align-items:flex-end}@media (max-width: 1100px){.slab__stack--right{align-items:flex-start}}.slab__seg{display:flex;align-items:stretch;border:var(--stroke);background:var(--color-bg)}.slab__seg-label{display:flex;align-items:center;padding:0 10px;border-right:1px solid var(--color-ink);font-size:var(--text-lufi-control-label);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted);background:var(--color-bg)}.slab__seg-btn{appearance:none;border:0;border-right:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:6px 11px;font-size:var(--text-lufi-control);letter-spacing:var(--tracking-mono);text-transform:uppercase;cursor:pointer;font-family:var(--font-mono);white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.slab__seg-btn:last-child{border-right:0}.slab__seg-btn:hover,.slab__seg-btn.is-active{background:var(--color-ink);color:var(--color-bg)}.slab__stats{position:absolute;bottom:var(--space-3);left:var(--space-3);z-index:600;background:var(--color-bg);border:var(--stroke);padding:10px 12px;display:flex;flex-direction:column;gap:5px;min-width:214px;max-width:268px}.slab__stats-title{font-size:var(--text-lufi-legend-title);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted)}.slab__stats-title--sub{margin-top:5px;padding-top:6px;border-top:1px solid var(--color-silver)}.slab__stats-row{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--text-lufi-legend);text-transform:uppercase;letter-spacing:var(--tracking-mono);color:var(--color-ink-muted)}.slab__stats-row b{font-weight:400;color:var(--color-ink)}.slab__delta{color:var(--color-accent)}.slab__legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.slab__legend li{display:flex;align-items:center;gap:7px;font-size:var(--text-lufi-legend);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted)}.slab__legend li b{margin-left:auto;font-weight:400;color:var(--color-ink)}.slab__sw{width:9px;height:9px;border-radius:50%;background:var(--color-accent);flex:0 0 auto}.slab__corner-cluster{position:absolute;bottom:var(--space-3);right:var(--space-3);z-index:700;display:flex;gap:var(--space-2);transition:right var(--dur-base) var(--ease-out)}.slab.is-panel-open .slab__corner-cluster{right:calc(304px + var(--space-3))}.slab__corner-btn{appearance:none;border:var(--stroke);background:var(--color-bg);color:var(--color-ink);padding:8px 12px;font-size:var(--text-lufi-control);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.slab__corner-btn:hover,.slab__corner-btn.is-active{background:var(--color-ink);color:var(--color-bg)}.slab__info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid currentColor;border-radius:50%;font-size:11px}.slab__panel{position:absolute;top:0;right:0;bottom:0;width:min(304px,88%);z-index:650;background:var(--color-bg);border-left:var(--stroke);display:flex;flex-direction:column;animation:slab-slide-in var(--dur-base) var(--ease-out);overflow:hidden}@keyframes slab-slide-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.slab__panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:var(--stroke);flex:0 0 auto}.slab__panel-title{font-size:var(--text-lufi-panel-eyebrow);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink)}.slab__panel-close{appearance:none;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.slab__panel-close:hover{background:var(--color-ink);color:var(--color-bg)}.slab__panel-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:9px;overflow-y:auto}.slab__panel-section{margin-top:6px;font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle);border-bottom:1px solid var(--color-silver);padding-bottom:3px}.slab__panel-section:first-child{margin-top:0}.slab__slider{display:flex;flex-direction:column;gap:3px}.slab__slider-head{display:flex;justify-content:space-between;align-items:baseline}.slab__slider-label{font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted)}.slab__slider-value{font-size:var(--text-lufi-panel-meta);color:var(--color-ink)}.slab__slider input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:14px;background:transparent;cursor:pointer;margin:0}.slab__slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--color-ink)}.slab__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:11px;height:11px;margin-top:-4.5px;background:var(--color-bg);border:1.5px solid var(--color-ink);border-radius:0;transition:background var(--dur-fast) var(--ease-out)}.slab__slider input[type=range]::-webkit-slider-thumb:hover,.slab__slider input[type=range]:active::-webkit-slider-thumb{background:var(--color-accent)}.slab__slider input[type=range]::-moz-range-track{height:2px;background:var(--color-ink)}.slab__slider input[type=range]::-moz-range-thumb{width:11px;height:11px;background:var(--color-bg);border:1.5px solid var(--color-ink);border-radius:0}.slab__slider input[type=range]:active::-moz-range-thumb{background:var(--color-accent)}.slab__modes{display:flex;border:1px solid var(--color-ink)}.slab__mode-btn{flex:1;appearance:none;border:0;border-right:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:6px 8px;font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.slab__mode-btn:last-child{border-right:0}.slab__mode-btn:hover,.slab__mode-btn.is-active{background:var(--color-ink);color:var(--color-bg)}.slab__panel-actions{display:flex;gap:var(--space-2);margin-top:2px}.slab__panel-btn{flex:1;appearance:none;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:6px 8px;font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.slab__panel-btn:hover{background:var(--color-ink);color:var(--color-bg)}.slab__panel-note{margin:4px 0 0;font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle);line-height:1.5}.slab__tour{position:absolute;inset:0;z-index:900;background:#0a0a0a59;display:grid;place-items:center;padding:var(--space-4)}.slab__tour-card{background:var(--color-bg);border:1.5px solid var(--color-ink);max-width:440px;width:100%;padding:var(--space-4) var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:8px 8px 0 0 var(--color-ink)}.slab__tour-card--top-left{align-self:start;justify-self:start;margin-top:116px}.slab__tour-card--top-right{align-self:start;justify-self:end;margin-top:108px}.slab__tour-head{display:flex;align-items:center;justify-content:space-between}.slab__tour-counter{font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle)}.slab__tour-close{appearance:none;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px}.slab__tour-close:hover{background:var(--color-ink);color:var(--color-bg)}.slab__tour-title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);margin:0}.slab__tour-body{margin:0;font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.55}.slab__tour-foot{display:flex;justify-content:space-between;gap:var(--space-2)}.slab__tour-btn{appearance:none;border:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:7px 14px;font-size:var(--text-lufi-control);letter-spacing:var(--tracking-mono);text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.slab__tour-btn:disabled{opacity:.35;cursor:default}.slab__tour-btn:not(:disabled):hover{background:var(--color-ink);color:var(--color-bg)}.slab__tour-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.slab__tour-btn--primary:hover{background:var(--color-accent-vivid);border-color:var(--color-accent-vivid)}.slab__tour-spotlight{outline:2px solid var(--color-accent);outline-offset:3px}.slab__caption{font-size:var(--text-lufi-caption);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle);line-height:1.6;max-width:88ch}@media (max-width: 900px){.slab__frame{min-height:500px;height:clamp(500px,68vh,720px)}.slab.is-panel-open .slab__topbar,.slab.is-panel-open .slab__corner-cluster{right:var(--space-3)}.slab__panel{width:min(304px,92%);box-shadow:-6px 0 24px #0a0a0a26}.slab__stats{display:none}}@media (max-width: 640px){.slab__seg-label{display:none}.slab__seg-btn{padding:6px 8px}.slab__corner-btn{padding:7px 9px}}