.fx-studio{--fx-bg:#111315;--fx-surface:#1d2025;--fx-accent:#f97316;--fx-accent-press:#ea580c;--fx-ease-out:cubic-bezier(0.22,1,0.36,1);--fx-ease-press:cubic-bezier(0.34,1.56,0.64,1)}.fx-text-gradient,.fx-text-gradient-soft{background-image:linear-gradient(177deg,#dbe7f2 7.92%,#7f868c 89.75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.fx-text-gradient-soft{background-image:linear-gradient(177deg,rgba(219,231,242,.5) 7.92%,rgba(127,134,140,.5) 89.75%)}.fx-pill{position:relative;display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;overflow:hidden;white-space:nowrap;background-color:var(--fx-bg,#111315);background-image:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.13) 51.442%,rgba(255,255,255,.03));box-shadow:inset 0 2px 6px 0 rgba(255,255,255,.12),0 4px 12px 0 rgba(0,0,0,.15);transition:box-shadow .3s var(--fx-ease-out,ease-out),transform .14s var(--fx-ease-press,ease-out)}.fx-pill--accent{background-image:linear-gradient(90deg,rgba(249,115,22,.08),rgba(249,115,22,.28) 51.442%,rgba(249,115,22,.08));box-shadow:inset 0 2px 6px 0 rgba(249,115,22,.3),0 4px 12px 0 rgba(0,0,0,.15)}button.fx-pill{cursor:pointer}button.fx-pill:active{transform:scale(.96)}.fx-selected-ring{position:absolute;inset:0;border-radius:inherit;border:2px solid var(--fx-accent,#f97316);box-shadow:0 0 0 1px rgba(249,115,22,.25),0 0 24px rgba(249,115,22,.35);pointer-events:none;clip-path:inset(0 0 0 0);animation:fx-ring-draw .5s var(--fx-ease-out,ease-out)}@keyframes fx-ring-draw{0%{clip-path:inset(100% 0 0 0);opacity:.4}to{clip-path:inset(0 0 0 0);opacity:1}}.fx-press{transition:transform .16s var(--fx-ease-press,ease-out),box-shadow .3s var(--fx-ease-out,ease-out),opacity .2s var(--fx-ease-out,ease-out)}.fx-press:active:not(:disabled){transform:scale(.97)}.fx-rail-enter{animation:fx-rail-enter .32s var(--fx-ease-out,ease-out)}@keyframes fx-rail-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fx-rail-enter,.fx-selected-ring{animation:none}.fx-pill,.fx-press{transition:none}}