@keyframes film-transition{0%,20%{opacity:0}50%,70%{opacity:1}to{opacity:0}}@keyframes music-bar{0%,to{transform:scaleY(.45)}50%{transform:scaleY(1)}}@keyframes preset-pan{0%,to{transform:translateX(var(--from-x,0)) translateY(var(--from-y,0)) scale(var(--from-s,1.25)) rotate(var(--from-r,0deg))}50%{transform:translateX(var(--to-x,0)) translateY(var(--to-y,0)) scale(var(--to-s,1.25)) rotate(var(--to-r,0deg))}}@keyframes preset-shake{0%,to{transform:translate(0)scale(1.2)}25%{transform:translate(1.5px,-1px)scale(1.2)}50%{transform:translate(-1px,1.5px)scale(1.2)}75%{transform:translate(1px,1px)scale(1.2)}}@keyframes preset-glow{0%,to{filter:brightness(.9)saturate()}50%{filter:brightness(1.15)saturate(1.3)}}@keyframes studio-fade-in{0%{opacity:0}to{opacity:1}}.studio-fade{opacity:0;animation:.5s ease-out forwards studio-fade-in;animation-delay:var(--studio-delay,0s)}.studio-pane-in{animation:.2s ease-out both studio-fade-in}@keyframes studio-section-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.studio-section-body:not([hidden]){animation:.22s ease-out studio-section-open}@keyframes studio-pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.studio-pop{animation:.18s cubic-bezier(.2,.9,.3,1.3) studio-pop}.studio-tile>span:first-child{transition:transform .15s ease-out}.studio-tile:active>span:first-child{transform:scale(.98)}.studio-mode-tag{background:linear-gradient(100deg, color-mix(in srgb, var(--foreground) 38%, transparent) 38%, #ff3d81 47%, #35e0ff 53%, color-mix(in srgb, var(--foreground) 38%, transparent) 62%);color:#0000;background-position:160% 0;background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:3.6s cubic-bezier(.4,0,.2,1) infinite studio-mode-tag-shimmer}@keyframes studio-mode-tag-shimmer{0%{background-position:160% 0}to{background-position:-140% 0}}.studio-pane{container-type:inline-size}.studio-pane .studio-tile{width:calc(33.3333% - .5rem)}@container (width>=36rem){.studio-pane .studio-tile{width:calc(25% - .5625rem)}}@container (width>=52rem){.studio-pane .studio-tile{width:calc(20% - .6rem)}}.studio-compact .studio-tile{width:calc(33.3333% - .5rem)}.studio-compact .studio-tile>span:first-child{height:72px}@media (width>=40rem){.studio-compact .studio-tile{width:calc(25% - .5625rem)}}.studio-composer{background:color-mix(in oklab, var(--surface) 70%, var(--surface-secondary));border-radius:1.15rem}@media (prefers-reduced-motion:reduce){.studio-fade,.studio-pane-in,.studio-section-body:not([hidden]),.studio-pop{opacity:1;animation:none}.studio-mode-tag{color:color-mix(in srgb, var(--foreground) 38%, transparent);animation:none}.studio-tile>span:first-child{transition:none}}@media (width<40rem){.studio-touch :is(button,a[href],[role=tab],[role=combobox],select,input:not([type=checkbox],[type=radio],[type=range],[type=file])):not([role=switch],[data-tap=off]){min-height:2.5rem}.studio-touch :is(button,a[href],[role=tab]):not([role=switch],[data-tap=off]){min-width:2.5rem}}