.glab{margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.glab__frame{position:relative;width:100%;aspect-ratio:16 / 10;min-height:560px;height:clamp(560px,72vh,980px);border:var(--stroke);background:var(--color-bg-secondary);overflow:hidden}.glab.is-fullscreen{position:fixed;inset:0;z-index:1100;background:var(--color-bg);margin:0;padding:0;display:flex;flex-direction:column}.glab.is-fullscreen .glab__frame{flex:1 1 auto;aspect-ratio:auto;min-height:0;height:auto;border:0}.glab.is-fullscreen .glab__caption{display:none}body.glab-fullscreen-active{overflow:hidden}.glab__canvas{position:absolute;inset:0}.glab__canvas canvas{display:block;width:100%;height:100%;touch-action:none}.glab.is-brush .glab__canvas canvas{cursor:crosshair}.glab__stack{position:absolute;top:var(--space-3);z-index:600;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}.glab__stack--left{left:var(--space-3)}.glab__stack--right{right:var(--space-3);align-items:flex-end;transition:right var(--dur-base) var(--ease-out)}.glab.is-panel-open .glab__stack--right{right:calc(292px + var(--space-3))}.glab__seg{display:flex;align-items:stretch;border:var(--stroke);background:var(--color-bg)}.glab__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)}.glab__seg-btn{appearance:none;border:0;border-right:1px solid var(--color-ink);background:transparent;color:var(--color-ink);padding:6px 12px;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)}.glab__seg-btn:last-child{border-right:0}.glab__seg-btn:hover,.glab__seg-btn.is-active{background:var(--color-ink);color:var(--color-bg)}.glab__seg-btn.is-accent{background:var(--color-accent);color:var(--color-bg)}.glab__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:196px;max-width:250px}.glab__stats-title{font-size:var(--text-lufi-legend-title);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted)}.glab__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)}.glab__stats-row b{font-weight:400;color:var(--color-ink)}.glab__stats-hint{margin:3px 0 0;font-size:var(--text-lufi-legend-title);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-accent)}.glab__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)}.glab.is-panel-open .glab__corner-cluster{right:calc(292px + var(--space-3))}.glab__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)}.glab__corner-btn:hover,.glab__corner-btn.is-active{background:var(--color-ink);color:var(--color-bg)}.glab__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}.glab__panel{position:absolute;top:0;right:0;bottom:0;width:min(292px,85%);z-index:650;background:var(--color-bg);border-left:var(--stroke);display:flex;flex-direction:column;animation:glab-slide-in var(--dur-base) var(--ease-out);overflow:hidden}@keyframes glab-slide-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}.glab__panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:var(--stroke);flex:0 0 auto}.glab__panel-title{font-size:var(--text-lufi-panel-eyebrow);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink)}.glab__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;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.glab__panel-close:hover{background:var(--color-ink);color:var(--color-bg)}.glab__panel-body{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.glab__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}.glab__panel-section:first-child{margin-top:0}.glab__slider{display:flex;flex-direction:column;gap:4px}.glab__slider-head{display:flex;justify-content:space-between;align-items:baseline}.glab__slider-label{font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-muted)}.glab__slider-value{font-size:var(--text-lufi-panel-meta);color:var(--color-ink)}.glab__slider input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:16px;background:transparent;cursor:pointer;margin:0}.glab__slider input[type=range]::-webkit-slider-runnable-track{height:2px;background:var(--color-ink)}.glab__slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;margin-top:-5px;background:var(--color-bg);border:1.5px solid var(--color-ink);border-radius:0;transition:background var(--dur-fast) var(--ease-out)}.glab__slider input[type=range]::-webkit-slider-thumb:hover,.glab__slider input[type=range]:active::-webkit-slider-thumb{background:var(--color-accent);border-color:var(--color-ink)}.glab__slider input[type=range]::-moz-range-track{height:2px;background:var(--color-ink)}.glab__slider input[type=range]::-moz-range-thumb{width:12px;height:12px;background:var(--color-bg);border:1.5px solid var(--color-ink);border-radius:0}.glab__slider input[type=range]:active::-moz-range-thumb{background:var(--color-accent)}.glab__panel-actions{display:flex;gap:var(--space-2);margin-top:2px}.glab__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)}.glab__panel-btn:hover{background:var(--color-ink);color:var(--color-bg)}.glab__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}.glab__tour{position:absolute;inset:0;z-index:900;background:#0a0a0a59;display:grid;place-items:center;padding:var(--space-4)}.glab__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)}.glab__tour-card--top-left{align-self:start;justify-self:start;margin-top:96px}.glab__tour-card--top-right{align-self:start;justify-self:end;margin-top:96px}.glab__tour-card--bottom-left{align-self:end;justify-self:start;margin-bottom:56px}.glab__tour-card--bottom-right{align-self:end;justify-self:end;margin-bottom:56px}.glab__tour-head{display:flex;align-items:center;justify-content:space-between}.glab__tour-counter{font-size:var(--text-lufi-panel-meta);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink-subtle)}.glab__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}.glab__tour-close:hover{background:var(--color-ink);color:var(--color-bg)}.glab__tour-title{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);margin:0}.glab__tour-body{margin:0;font-size:var(--text-sm);color:var(--color-ink-muted);line-height:1.55}.glab__tour-foot{display:flex;justify-content:space-between;gap:var(--space-2)}.glab__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)}.glab__tour-btn:disabled{opacity:.35;cursor:default}.glab__tour-btn:not(:disabled):hover{background:var(--color-ink);color:var(--color-bg)}.glab__tour-btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.glab__tour-btn--primary:hover{background:var(--color-accent-vivid);border-color:var(--color-accent-vivid);color:var(--color-bg)}.glab__tour-spotlight{outline:2px solid var(--color-accent);outline-offset:3px}.glab__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){.glab__frame{min-height:480px;height:clamp(480px,68vh,720px)}.glab.is-panel-open .glab__stack--right,.glab.is-panel-open .glab__corner-cluster{right:var(--space-3)}.glab__panel{width:min(292px,92%);box-shadow:-6px 0 24px #0a0a0a26}.glab__stats{display:none}}@media (max-width: 640px){.glab__seg-label{display:none}.glab__seg-btn{padding:6px 9px}.glab__corner-btn{padding:7px 9px}}