.fxg-live{background:color-mix(in srgb, var(--ds-success,#059669) 12%, transparent);height:24px;color:var(--ds-success,#059669);font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.04em;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:.62rem;font-weight:700;display:inline-flex}.fxg-live .ldot{background:currentColor;border-radius:999px;width:7px;height:7px;animation:2s infinite fxg-pulse}@keyframes fxg-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, currentColor 55%, transparent)}70%{box-shadow:0 0 0 8px #0000}to{box-shadow:0 0 #0000}}.fxg-stage{aspect-ratio:16/9;background:var(--ds-surface-alt);position:relative;overflow:hidden}.fxg-stage iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.fxg-poster{z-index:2;background:radial-gradient(60% 60% at 70% 15%, color-mix(in srgb, var(--ac,var(--ds-primary)) 22%, transparent), transparent 70%), radial-gradient(55% 55% at 20% 90%, color-mix(in srgb, var(--ac,var(--ds-primary)) 14%, transparent), transparent 70%), var(--ds-surface-alt);flex-direction:column;justify-content:center;align-items:center;gap:1rem;transition:opacity .6s;display:flex;position:absolute;inset:0}.fxg-stage.loaded .fxg-poster{opacity:0;pointer-events:none}.fxg-poster .pfab{width:58px;height:58px;color:var(--ac,var(--ds-primary));box-shadow:0 14px 34px -10px color-mix(in srgb, var(--ac,var(--ds-primary)) 60%, #0f172a66);background:#ffffffe0;border-radius:999px;justify-content:center;align-items:center;padding-left:4px;display:flex}.fxg-poster .pcap{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.22em;text-transform:uppercase;color:var(--ds-text-muted);font-size:.66rem}.fxg-stage .fxg-stage-btn{z-index:3;cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.fxg-stage .open-fab{z-index:4;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:2rem;color:var(--ds-text-heading);opacity:0;background:#ffffffdb;border:1px solid #0000000f;border-radius:999px;align-items:center;gap:6px;padding:0 .85rem;font-size:.76rem;font-weight:600;text-decoration:none;transition:opacity .25s,transform .25s;display:inline-flex;position:absolute;bottom:.8rem;right:.8rem;transform:translateY(6px)}.fxg-stage:focus-within .open-fab{opacity:1;transform:translateY(0)}@media (hover:none){.fxg-stage .open-fab{opacity:1;transform:translateY(0)}}.fxg-stage .open-fab svg{width:13px;height:13px}.fxg-stage .fxg-live{z-index:4;position:absolute;top:.7rem;left:.7rem}.fxg-areanav-wrap{z-index:40;pointer-events:none;opacity:0;justify-content:center;padding:0 1rem;transition:opacity .35s,transform .35s;display:flex;position:fixed;bottom:1.1rem;left:0;right:0;transform:translateY(16px)}.fxg-areanav-wrap.show{opacity:1;transform:translateY(0)}.fxg-areanav{pointer-events:auto;background:color-mix(in srgb, var(--ds-surface-card) 72%, transparent);border:1px solid var(--ds-border);-webkit-backdrop-filter:blur(18px)saturate(1.4);scrollbar-width:none;border-radius:999px;gap:4px;max-width:100%;padding:5px;display:flex;overflow-x:auto;box-shadow:0 14px 40px -22px #0f172a59}.fxg-areanav-wrap:not(.show) .fxg-areanav{pointer-events:none}.fxg-areanav::-webkit-scrollbar{display:none}.fxg-areanav a{height:34px;color:var(--ds-text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:.84rem;font-weight:600;text-decoration:none;transition:background .25s,color .25s;display:inline-flex}.fxg-areanav a i{font-style:normal;font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.08em;color:var(--anc,var(--ds-primary));opacity:.85;font-size:.62rem;font-weight:700}.fxg-areanav a:hover{color:var(--ds-text-heading);background:color-mix(in srgb, var(--ds-text-heading) 5%, transparent)}.fxg-areanav a.on{background:color-mix(in srgb, var(--anc,var(--ds-primary)) 11%, var(--ds-surface-card));color:color-mix(in srgb, var(--anc,var(--ds-primary)) 78%, var(--ds-text-heading))}@media (max-width:560px){.fxg-areanav a{padding:0 11px;font-size:.78rem}}@media (pointer:coarse){.fxg-areanav a{height:44px}}@media (prefers-reduced-motion:no-preference){@keyframes fxg-modal-pop{0%{opacity:0;transform:translate(-50%,-47%)scale(.97)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}}@media (prefers-reduced-motion:reduce){.fxg-live .ldot{animation:none}}