.exhibit-visual-root{pointer-events:none;justify-content:center;align-items:center;padding:10%;display:flex;position:absolute;inset:0}.exhibit-visual-root svg{display:block}.product-visual{flex-direction:column;gap:.45rem;width:100%;height:100%;transition:transform .28s;display:flex}.product-visual[data-hovered=true]{transform:scale(1.02)}.product-visual[data-variant="1"]{flex-flow:wrap;align-content:center}.product-visual[data-variant="1"] .product-visual-primary{flex:100%}.product-visual[data-variant="2"] .product-visual-metrics{flex-direction:column}.product-visual-metrics{flex:1;gap:.35rem;display:flex}.product-visual-card{border:1px solid color-mix(in srgb, hsl(var(--kind-hue)) 18%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb, hsl(var(--kind-hue)) 4%, var(--color-bg-elevated));flex:1;min-width:0;padding:.35rem .45rem;transition:transform .28s,border-color .28s}.product-visual[data-hovered=true] .product-visual-card{transform:translateY(-1px)}.product-visual-card--primary{border-color:color-mix(in srgb, hsl(var(--kind-hue)) 28%, var(--color-border-strong));background:color-mix(in srgb, hsl(var(--kind-hue)) 7%, var(--color-bg-elevated))}.product-visual-card-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-fg-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:.5rem;display:block;overflow:hidden}.product-visual-card-value{font-size:.72rem;font-weight:var(--font-weight-semibold);font-family:var(--font-mono);color:var(--color-fg);margin-top:.1rem;line-height:1.1;display:block}.product-visual-controls{flex-direction:column;gap:.3rem;display:flex}.product-visual-input{border:1px solid var(--color-border);background:var(--color-bg);border-radius:999px;height:.55rem;position:relative;overflow:hidden}.product-visual-input-fill{width:var(--fill,40%);background:color-mix(in srgb, hsl(var(--kind-hue)) 12%, var(--color-bg-subtle));transition:width .4s;position:absolute;inset:0 auto 0 0}.product-visual-input[data-hovered=true] .product-visual-input-fill{width:calc(var(--fill,40%) + 8%)}.product-visual-footer{align-items:center;gap:.35rem;display:flex}.product-visual-progress{background:var(--color-border);border-radius:999px;flex:1;height:.2rem;overflow:hidden}.product-visual-progress-bar{height:100%;width:var(--progress,50%);background:color-mix(in srgb, hsl(var(--kind-hue)) 45%, var(--color-fg-muted));transition:width .4s}.product-visual[data-hovered=true] .product-visual-progress-bar{width:calc(var(--progress,50%) + 6%)}.product-visual-action{border:1px solid color-mix(in srgb, hsl(var(--kind-hue)) 22%, var(--color-border-strong));border-radius:var(--radius-sm);font-size:.48rem;font-weight:var(--font-weight-medium);letter-spacing:.03em;text-transform:uppercase;color:color-mix(in srgb, hsl(var(--kind-hue)) 55%, var(--color-fg));background:color-mix(in srgb, hsl(var(--kind-hue)) 6%, var(--color-bg-elevated));flex-shrink:0;padding:.12rem .4rem;transition:transform .28s}.product-visual[data-hovered=true] .product-visual-action{transform:translateY(-1px)}.experiment-visual{justify-content:center;align-items:center;width:100%;height:100%;transition:transform .28s;display:flex}.experiment-visual[data-hovered=true]{transform:scale(1.015)}.experiment-visual-track{justify-content:center;align-items:flex-start;gap:0;width:100%;max-width:100%;display:flex}.experiment-visual-node{flex-direction:column;flex:0 auto;align-items:center;gap:.25rem;min-width:0;max-width:3.5rem;display:flex}.experiment-visual-connector{background:var(--color-border);flex:.4rem;align-self:center;min-width:.35rem;max-width:1.25rem;height:1px;margin-top:.85rem;position:relative;overflow:visible}.experiment-visual-node-box{aspect-ratio:1.1;border:1px solid color-mix(in srgb, hsl(var(--kind-hue)) 20%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb, hsl(var(--kind-hue)) 5%, var(--color-bg-elevated));justify-content:center;align-items:center;width:100%;max-width:3.2rem;transition:transform .32s,border-color .32s;display:flex;position:relative}.experiment-visual-connector:after{content:"";border-top:1px solid color-mix(in srgb, hsl(var(--kind-hue)) 35%, var(--color-border-strong));border-right:1px solid color-mix(in srgb, hsl(var(--kind-hue)) 35%, var(--color-border-strong));width:.28rem;height:.28rem;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.experiment-visual[data-hovered=true] .experiment-visual-node-box{transform:translateY(-2px)}.experiment-visual-node-icon{background:color-mix(in srgb, hsl(var(--kind-hue)) 22%, var(--color-border));border-radius:2px;width:45%;height:45%}.experiment-visual-node-label{letter-spacing:.03em;text-transform:uppercase;text-align:center;color:var(--color-fg-subtle);text-overflow:ellipsis;white-space:nowrap;max-width:3.5rem;font-size:.42rem;line-height:1.2;overflow:hidden}.experiment-visual-flow{background:color-mix(in srgb, hsl(var(--kind-hue)) 50%, var(--color-fg-muted));opacity:0;width:.35rem;height:.35rem;animation:2.4s ease-in-out infinite exhibit-flow-dot;animation-delay:var(--flow-delay,0s);border-radius:999px;margin-top:-.175rem;position:absolute;top:50%;left:0}.experiment-visual[data-hovered=true] .experiment-visual-flow{opacity:1}@keyframes exhibit-flow-dot{0%{opacity:0;left:0}15%{opacity:.85}85%{opacity:.85}to{opacity:0;left:calc(100% - .35rem)}}.collection-visual{width:100%;height:100%;transition:transform .28s;position:relative}.collection-visual[data-hovered=true]{transform:scale(1.02)}.collection-visual-frame{aspect-ratio:4/3;border:1px solid color-mix(in srgb, hsl(var(--kind-hue)) 18%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb, hsl(var(--kind-hue)) 4%, var(--color-bg-elevated));width:58%;box-shadow:0 2px 8px color-mix(in srgb, hsl(var(--kind-hue)) 5%, transparent);transition:transform .32s,box-shadow .32s;position:absolute;top:50%;left:50%;overflow:hidden}.collection-visual[data-hovered=true] .collection-visual-frame{box-shadow:0 4px 12px color-mix(in srgb, hsl(var(--kind-hue)) 8%, transparent)}.collection-visual-chrome{border-bottom:1px solid var(--color-border);background:color-mix(in srgb, hsl(var(--kind-hue)) 3%, var(--color-bg-subtle));align-items:center;gap:.15rem;height:.45rem;padding:0 .25rem;display:flex}.collection-visual-dot{background:var(--color-border-strong);border-radius:999px;width:.18rem;height:.18rem}.collection-visual-body{flex-direction:column;gap:.2rem;padding:.3rem .35rem;display:flex}.collection-visual-line{background:var(--color-border);border-radius:999px;height:.18rem}.collection-visual-line--accent{background:color-mix(in srgb, hsl(var(--kind-hue)) 20%, var(--color-border));width:55%}.collection-visual-line--short{width:35%}.collection-visual-label{letter-spacing:.02em;color:var(--color-fg-subtle);white-space:nowrap;text-overflow:ellipsis;font-size:.42rem;position:absolute;bottom:.2rem;left:.35rem;right:.35rem;overflow:hidden}.gallery-detail-exhibit-visual{position:relative;overflow:hidden}.gallery-detail-exhibit-visual .exhibit-visual-root{padding:10%}.gallery-detail-exhibit-visual .product-visual-card-value{font-size:.78rem}.gallery-detail-exhibit-visual .product-visual-card-label,.gallery-detail-exhibit-visual .product-visual-action{font-size:.55rem}.gallery-detail-exhibit-visual .experiment-visual-node-label{max-width:3.5rem;font-size:.48rem}.gallery-detail-exhibit-visual .collection-visual-label{font-size:.48rem}@media (prefers-reduced-motion:reduce){.product-visual,.product-visual-card,.product-visual-action,.product-visual-input-fill,.product-visual-progress-bar,.experiment-visual,.experiment-visual-node-box,.collection-visual,.collection-visual-frame{transition:none!important;transform:none!important}.experiment-visual-flow{opacity:0!important;animation:none!important}}@media (max-width:767px){.experiment-visual-node-label{max-width:2.8rem;font-size:.38rem}.product-visual-card-value{font-size:.65rem}}
