.studio-callout{--accent: var(--lab-watermelon)}.studio-callout-brand{display:flex}.studio-callout-brand svg{display:block;width:auto;height:24px}.studio-callout-preview{display:block;width:100%;height:auto;margin:20px 0}.studio-callout .fresh-primary-action{--fresh-primary-background: var(--lab-watermelon);--fresh-primary-foreground: var(--fresh-ink)}.motionscore-callout{--accent: var(--tier-a)}.motionscore-callout .css-studio-callout-field{grid-template-columns:minmax(0,1fr);min-width:0}.motionscore-callout .score-particle-frame{position:absolute;width:260%;height:700px;left:50%;top:50%;transform:translate(-50%,-54%);pointer-events:none;z-index:-1}.motionscore-callout .score-particle-frame canvas{display:block;width:100%;height:100%}.motionscore-callout-audit{display:flex;align-items:stretch;gap:8px;width:520px;max-width:100%;min-width:0;padding:8px;background:var(--fresh-ink);opacity:0;transition:opacity 1.2s cubic-bezier(.22,1,.36,1)}.motionscore-callout-audit.is-revealed,.motionscore-callout:focus-visible .motionscore-callout-audit{opacity:1}.motionscore-callout-url{flex:1;min-width:0;padding:12px;align-self:center;font:12px / 1.4 var(--font-mono);color:var(--fresh-muted)}.motionscore-callout .fresh-primary-action{--fresh-primary-background: var(--tier-a);--fresh-primary-foreground: var(--fresh-ink)}@container (max-width: 420px){.motionscore-callout-audit{flex-direction:column}.motionscore-callout-url{align-self:stretch}}@media(prefers-reduced-motion:reduce){.motionscore-callout-audit{opacity:1;transition:none}}