:root{--c-studio-soft-opacity:.28;--c-studio-label-inset:var(--p-space-4);--c-studio-label-shadow:var(--p-shadow-card);--c-studio-label-background:var(--s-surface);--c-studio-label-radius:var(--p-radius-pill);--c-studio-flight-radius:var(--p-radius-control);--c-studio-ca-glow:0 0 0 var(--p-space-1) color-mix(in srgb, var(--s-focus) 45%, transparent), var(--p-shadow-card)}.studio-gallery-host{position:relative}.studio-transition-scene{z-index:var(--p-zero);pointer-events:none;background:var(--c-packshot-background);border-radius:var(--p-radius-panel);position:absolute;overflow:hidden}.studio-transition-image{inset:var(--p-zero);width:var(--p-full);height:var(--p-full);object-fit:contain;position:absolute}.studio-transition-new,.studio-transition-soft-edge{inset:var(--p-zero);position:absolute}.studio-transition-new{transform-origin:50%}.studio-transition-soft-edge{opacity:var(--c-studio-soft-opacity);filter:blur(var(--c-studio-soft-blur))}.studio-transition-flight{z-index:var(--p-z-toast);pointer-events:none;object-fit:cover;border-radius:var(--c-studio-flight-radius);box-shadow:var(--c-studio-label-shadow);position:fixed}.studio-color-label{top:var(--c-studio-label-inset);left:var(--p-half);translate:calc(-1 * var(--p-half)) var(--p-zero);z-index:var(--p-z-content);align-items:center;gap:var(--p-space-2);max-width:calc(var(--p-full) - var(--c-studio-label-inset) * 2);padding:var(--p-space-2) var(--p-space-3) var(--p-space-2) var(--p-space-2);border-radius:var(--c-studio-label-radius);background:var(--c-studio-label-background);color:var(--s-ink);box-shadow:var(--c-studio-label-shadow);font-size:var(--text-t6);pointer-events:none;display:flex;position:absolute}.studio-ca-flight{opacity:var(--p-zero);will-change:transform, opacity}.studio-ca-activation{z-index:var(--p-z-toast);pointer-events:none;border-radius:var(--p-radius-control);box-shadow:var(--c-studio-ca-glow);opacity:var(--p-zero);position:fixed}.studio-color-label img{width:var(--c-studio-label-swatch);height:var(--c-studio-label-swatch);border-radius:var(--p-radius-control);object-fit:cover}.studio-color-label strong,.studio-color-label small{display:block}.studio-transition-wait{inset-inline:var(--p-space-4);bottom:var(--p-space-4);padding:var(--p-space-2) var(--p-space-3);border-radius:var(--p-radius-control);background:var(--s-surface);color:var(--s-ink);font-size:var(--text-t6);text-align:center;position:absolute}
