.mpgl-studio{--st-cyan:#31d8ff;--st-ice:#78f3ff;--st-purple:#7c5cff;--st-pink:#fb75bb;--st-glass:color-mix(in oklab, var(--background) 78%, white 4%);--st-edge:color-mix(in oklab, var(--foreground) 14%, transparent);--st-edge-hot:color-mix(in oklab, var(--st-cyan) 55%, transparent);isolation:isolate;position:relative}@supports (color:lab(0% 0 0)){.mpgl-studio{--st-pink:lab(67.4176% 57.6939 -11.151)}}.mpgl-studio:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46rem 30rem at 16% 6%,color-mix(in oklab,var(--st-cyan) 11%,transparent),transparent 70%),radial-gradient(40rem 28rem at 86% 18%,color-mix(in oklab,var(--st-purple) 12%,transparent),transparent 70%),radial-gradient(34rem 24rem at 58% 98%,color-mix(in oklab,var(--st-pink) 8%,transparent),transparent 72%);will-change:transform;animation:30s ease-in-out infinite alternate st-drift;position:fixed;inset:-20%}@keyframes st-drift{0%{transform:translate(-1.4%,-1%)scale(1.02)}to{transform:translate(1.4%,1.4%)scale(1.05)}}.st-title{font-family:var(--font-display);background-image:linear-gradient(100deg,transparent 0%,transparent 44%,#f5f7faf2 50%,#9ef7ff8c 54%,transparent 60%,transparent 100%),linear-gradient(115deg,#f5f7fa 0%,var(--st-ice) 26%,var(--st-cyan) 48%,var(--st-purple) 72%,var(--st-pink) 90%,#f5f7fa 100%);color:#0000;filter:drop-shadow(0 0 14px color-mix(in oklab,var(--st-cyan) 26%,transparent)) drop-shadow(0 0 38px color-mix(in oklab,var(--st-purple) 18%,transparent));background-position:-80% 0,0 0;background-repeat:no-repeat;background-size:260% 100%,100% 100%;-webkit-background-clip:text;background-clip:text;animation:16s ease-in-out infinite st-sweep}@keyframes st-sweep{0%,14%{background-position:-80% 0,0 0}64%,to{background-position:200% 0,0 0}}.st-eyebrow{border:1px solid color-mix(in oklab,var(--st-cyan) 34%,transparent);background:color-mix(in oklab,var(--st-cyan) 8%,transparent);letter-spacing:.3em;text-transform:uppercase;color:color-mix(in oklab,var(--st-ice) 78%,white);border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem;font-size:.6rem;display:inline-flex}.st-bay{border:1px solid var(--st-edge);background:linear-gradient(180deg,#ffffff0a,transparent 42%),var(--st-glass);-webkit-backdrop-filter:blur(14px)saturate(130%);backdrop-filter:blur(14px)saturate(130%);border-radius:.9rem;position:relative;box-shadow:inset 0 1px #ffffff14,0 24px 60px -34px #000c}@supports (color:lab(0% 0 0)){.st-bay{background:linear-gradient(180deg,lab(100% -.0000298023 .0000119209/.04),transparent 42%),var(--st-glass)}}.st-bay[data-tone=hot]{border-color:var(--st-edge-hot);box-shadow:0 1px #ffffff1a inset,0 0 0 1px color-mix(in oklab,var(--st-cyan) 16%,transparent),0 24px 70px -34px color-mix(in oklab,var(--st-cyan) 40%,black)}@supports (color:lab(0% 0 0)){.st-bay[data-tone=hot]{box-shadow:0 1px #ffffff1a inset,0 0 0 1px color-mix(in oklab,var(--st-cyan) 16%,transparent),0 24px 70px -34px color-mix(in oklab,var(--st-cyan) 40%,black)}}.st-zone-label{letter-spacing:.3em;text-transform:uppercase;color:color-mix(in oklab,var(--foreground) 62%,transparent);align-items:center;gap:.55rem;font-size:.6rem;display:flex}.st-zone-label:before{content:"";background:linear-gradient(90deg,var(--st-cyan),var(--st-purple));width:1.4rem;height:1px;box-shadow:0 0 10px color-mix(in oklab,var(--st-cyan) 55%,transparent)}.st-chip{border:1px solid var(--st-edge);background:color-mix(in oklab,var(--background) 60%,transparent);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in oklab,var(--foreground) 70%,transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.6rem;display:inline-flex}.st-chip[data-tone=live]{border-color:color-mix(in oklab,var(--st-cyan) 50%,transparent);background:color-mix(in oklab,var(--st-cyan) 12%,transparent);color:color-mix(in oklab,var(--st-ice) 85%,white)}.st-chip[data-tone=pending]{border-color:color-mix(in oklab,var(--st-purple) 45%,transparent);background:color-mix(in oklab,var(--st-purple) 12%,transparent);color:color-mix(in oklab,var(--st-purple) 55%,white)}.st-chip[data-tone=local]{border-color:color-mix(in oklab,var(--foreground) 22%,transparent);color:color-mix(in oklab,var(--foreground) 55%,transparent)}.st-next{border:1px solid color-mix(in oklab,var(--st-cyan) 55%,transparent);background:linear-gradient(100deg,color-mix(in oklab,var(--st-cyan) 16%,transparent),color-mix(in oklab,var(--st-purple) 16%,transparent) 55%,color-mix(in oklab,var(--st-pink) 14%,transparent));color:color-mix(in oklab,var(--st-ice) 88%,white);letter-spacing:.18em;text-transform:uppercase;border-radius:.7rem;transition:transform .16s,box-shadow .16s;animation:3.4s ease-in-out infinite st-pulse;position:relative}.st-next:hover:not(:disabled){box-shadow:0 0 0 1px var(--st-edge-hot),0 18px 44px -22px color-mix(in oklab,var(--st-cyan) 60%,black);transform:translateY(-1px)}.st-next:disabled{opacity:.45;cursor:not-allowed;animation:none}@keyframes st-pulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--st-cyan) 28%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in oklab,var(--st-cyan) 0%,transparent),0 0 26px -4px color-mix(in oklab,var(--st-purple) 55%,transparent)}}.st-btn{border:1px solid var(--st-edge);background:color-mix(in oklab,var(--background) 62%,transparent);color:color-mix(in oklab,var(--foreground) 82%,transparent);letter-spacing:.16em;text-transform:uppercase;border-radius:.7rem;transition:border-color .14s,color .14s,background .14s}.st-btn:hover:not(:disabled){border-color:var(--st-edge-hot);color:color-mix(in oklab,var(--st-ice) 88%,white);background:color-mix(in oklab,var(--st-cyan) 8%,transparent)}.st-btn:disabled{opacity:.45;cursor:not-allowed}.st-field{border:1px solid var(--st-edge);background:color-mix(in oklab,var(--background) 72%,black 6%);width:100%;color:var(--foreground);border-radius:.6rem;transition:border-color .14s,box-shadow .14s}.st-field:focus{border-color:var(--st-edge-hot);box-shadow:0 0 0 3px color-mix(in oklab,var(--st-cyan) 14%,transparent);outline:none}.st-help>summary{cursor:pointer;letter-spacing:.24em;text-transform:uppercase;color:color-mix(in oklab,var(--foreground) 52%,transparent);align-items:center;gap:.4rem;font-size:.6rem;list-style:none;display:inline-flex}.st-help>summary::-webkit-details-marker{display:none}.st-help>summary:before{content:"＋";font-size:.7rem;line-height:1}.st-help[open]>summary:before{content:"－"}.st-help>summary:hover{color:color-mix(in oklab,var(--st-ice) 82%,white)}.st-empty{border:1px dashed color-mix(in oklab,var(--foreground) 18%,transparent);background:color-mix(in oklab,var(--background) 55%,transparent);border-radius:.8rem}@media(pointer:coarse){.mpgl-studio .st-next,.mpgl-studio .st-btn,.mpgl-studio .st-field{min-height:44px}}@media(prefers-reduced-motion:reduce){.mpgl-studio:before,.st-title,.st-next{animation:none!important}.st-title{background-position:0 0,0 0}.st-next:hover:not(:disabled){transform:none}}.st-reel{border:1px solid color-mix(in oklab,var(--st-cyan) 28%,transparent);aspect-ratio:16/9;box-shadow:0 0 34px -18px color-mix(in oklab,var(--st-purple) 70%,transparent);background:#05070d;border-radius:.9rem;position:relative;overflow:hidden}.st-reel-media{object-fit:cover;width:100%;height:100%;display:block}.st-reel-field{background:radial-gradient(60% 90% at 20% 10%,color-mix(in oklab,var(--st-cyan) 22%,transparent),transparent 70%),radial-gradient(70% 90% at 85% 90%,color-mix(in oklab,var(--st-pink) 20%,transparent),transparent 70%),linear-gradient(180deg,#05070d,#0a0713);background-size:180% 180%,180% 180%,100% 100%;animation:14s ease-in-out infinite alternate st-reel-drift;position:absolute;inset:0}@keyframes st-reel-drift{0%{background-position:0 0,100% 100%,0 0}to{background-position:30% 20%,70% 80%,0 0}}.st-reel-chrome{inset-inline:0;background:linear-gradient(#0000,#000000b3);flex-wrap:wrap;align-items:baseline;gap:.5rem;padding:.5rem .75rem;display:flex;position:absolute;bottom:0}.st-reel-title{letter-spacing:.28em;text-transform:uppercase;color:color-mix(in oklab,var(--st-ice) 85%,white);font-size:.6rem}.st-reel-note{letter-spacing:.12em;color:#ffffff80;font-size:.6rem}@media(prefers-reduced-motion:reduce){.st-reel-field{animation:none}}
