.live-composition-demo[data-astro-cid-pgpo2ev5]{position:relative;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(86,178,255,.2),transparent 30%),linear-gradient(180deg,#09111ff5,#050a14fa);box-shadow:inset 0 1px #ffffff0d}.live-composition-demo__bar[data-astro-cid-pgpo2ev5]{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.06);background:#ffffff08}.live-composition-demo__dot[data-astro-cid-pgpo2ev5]{width:.62rem;height:.62rem;border-radius:50%;background:#ffffff2e}.live-composition-demo__title[data-astro-cid-pgpo2ev5]{margin-left:.4rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#d6e4ffb3}.live-composition-demo__shell[data-astro-cid-pgpo2ev5]{display:grid;gap:1.1rem;padding:1.15rem}.dashboard-header[data-astro-cid-pgpo2ev5]{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.9rem;padding:.95rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#121f34f5,#09111ff0)}.dashboard-header__brand[data-astro-cid-pgpo2ev5]{display:flex;align-items:center;gap:.85rem;min-width:0}.dashboard-header__brand[data-astro-cid-pgpo2ev5] strong[data-astro-cid-pgpo2ev5],.dashboard-header__brand[data-astro-cid-pgpo2ev5] span[data-astro-cid-pgpo2ev5]{display:block;min-width:0}.dashboard-header__brand[data-astro-cid-pgpo2ev5] strong[data-astro-cid-pgpo2ev5]{color:#f3f9ff;font-size:1rem}.dashboard-header__brand[data-astro-cid-pgpo2ev5] span[data-astro-cid-pgpo2ev5]{color:#d6e4ffb3;font-size:.82rem;margin-top:.15rem}.dashboard-header__meta[data-astro-cid-pgpo2ev5]{display:flex;flex-wrap:wrap;gap:.55rem}.dashboard-chip[data-astro-cid-pgpo2ev5]{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .72rem;border-radius:999px;border:1px solid currentColor;background:#ffffff08;font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.dashboard-chip--vue[data-astro-cid-pgpo2ev5]{color:#63d8a3}.dashboard-chip--react[data-astro-cid-pgpo2ev5]{color:#7ad9ff}.dashboard-chip--angular[data-astro-cid-pgpo2ev5]{color:#ff6b92}.tab-strip[data-astro-cid-pgpo2ev5]{overflow:hidden;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:#070e1adb}.tab-strip__track[data-astro-cid-pgpo2ev5]{display:flex;gap:.7rem;width:max-content;padding:.8rem;animation:tab-marquee 12s ease-in-out infinite alternate}.tab-pill[data-astro-cid-pgpo2ev5]{display:inline-flex;align-items:center;gap:.6rem;padding:.72rem .85rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#142136eb,#0a1221fa);color:#e2ecffd1;white-space:nowrap;font-weight:600;box-shadow:inset 0 -1px #ffffff0a}.tab-pill__icon[data-astro-cid-pgpo2ev5],.tab-pill__close[data-astro-cid-pgpo2ev5]{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:1.45rem;height:1.45rem;border-radius:999px;font-size:.72rem;line-height:1;font-weight:700}.tab-pill__icon[data-astro-cid-pgpo2ev5]{width:.42rem;height:.42rem;background:#8cc6ff;border:0;box-shadow:0 0 0 .16rem #8cc6ff1f}.tab-pill__label[data-astro-cid-pgpo2ev5]{display:inline-flex;align-items:center}.tab-pill__close[data-astro-cid-pgpo2ev5]{background:#ffffff0d;color:#e9f0ffb3;border:1px solid rgba(255,255,255,.08);text-transform:lowercase}.tab-pill--active[data-astro-cid-pgpo2ev5]{color:#081120;background:linear-gradient(135deg,#8cc6ff,#59f2ff);border-color:transparent;box-shadow:0 12px 28px #3caaff38;animation:tab-pulse 4.6s ease-in-out infinite}.tab-pill--active[data-astro-cid-pgpo2ev5] .tab-pill__icon[data-astro-cid-pgpo2ev5],.tab-pill--active[data-astro-cid-pgpo2ev5] .tab-pill__close[data-astro-cid-pgpo2ev5]{color:#06111f;background:#ffffff57;border-color:#ffffff2e}.tab-pill--active[data-astro-cid-pgpo2ev5] .tab-pill__icon[data-astro-cid-pgpo2ev5]{background:#06111f;box-shadow:0 0 0 .16rem #06111f1f}.workspace-stage[data-astro-cid-pgpo2ev5]{position:relative;min-height:22rem;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 32%),linear-gradient(135deg,#07111ff5,#091224e6)}.workspace-stage[data-astro-cid-pgpo2ev5]:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 3.4rem,3.4rem 100%;mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 90%);pointer-events:none}.workspace-stage__card[data-astro-cid-pgpo2ev5],.workspace-stage__panel[data-astro-cid-pgpo2ev5]{position:absolute;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:#0a1424db;box-shadow:0 18px 40px #02081266;backdrop-filter:blur(14px)}.workspace-stage__card--primary[data-astro-cid-pgpo2ev5]{top:1.3rem;left:1.3rem;width:min(100% - 2.6rem,31rem);padding:1.2rem 1.2rem 1.1rem;display:grid;gap:.45rem;animation:float-card 6.2s ease-in-out infinite}.workspace-stage__eyebrow[data-astro-cid-pgpo2ev5]{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#88cdffc7}.workspace-stage__card--primary[data-astro-cid-pgpo2ev5] strong[data-astro-cid-pgpo2ev5]{font-size:clamp(1.2rem,2vw,1.55rem);color:#f7fbff;line-height:1.1}.workspace-stage__card--primary[data-astro-cid-pgpo2ev5] p[data-astro-cid-pgpo2ev5]{margin:0;color:#d6e1f5bd;max-width:38ch}.workspace-stage__card--secondary[data-astro-cid-pgpo2ev5]{right:1.3rem;bottom:1.3rem;padding:.9rem;display:flex;flex-wrap:wrap;gap:.55rem;max-width:19rem;animation:float-card 6.2s ease-in-out infinite reverse}.workspace-stage__card--secondary[data-astro-cid-pgpo2ev5] span[data-astro-cid-pgpo2ev5]{padding:.5rem .7rem;border-radius:999px;background:#ffffff0d;color:#e8f0ffdb;font-size:.8rem;font-weight:600}.workspace-stage__panel[data-astro-cid-pgpo2ev5]{width:10.6rem;padding:.85rem;display:grid;gap:.55rem;animation:panel-cycle 9s ease-in-out infinite}.workspace-stage__panel--vue[data-astro-cid-pgpo2ev5]{top:8.2rem;right:2.6rem;border-color:#63d8a361;animation-delay:0s}.workspace-stage__panel--react[data-astro-cid-pgpo2ev5]{top:11rem;right:8.6rem;border-color:#7ad9ff5c;animation-delay:-3s}.workspace-stage__panel--angular[data-astro-cid-pgpo2ev5]{top:13.8rem;right:4.4rem;border-color:#ff6b925c;animation-delay:-6s}.workspace-stage__panel-label[data-astro-cid-pgpo2ev5]{font-size:.8rem;font-weight:700;color:#f4f8ffe6}.workspace-stage__panel-line[data-astro-cid-pgpo2ev5]{height:.52rem;border-radius:999px;background:linear-gradient(90deg,#87c3ffbf,#ffffff1f)}.workspace-stage__panel-line--short[data-astro-cid-pgpo2ev5]{width:68%}@keyframes tab-marquee{0%{transform:translate(0)}to{transform:translate(-8rem)}}@keyframes tab-pulse{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes panel-cycle{0%,20%,to{opacity:.42;transform:translateY(0) scale(.96)}10%{opacity:1;transform:translateY(-4px) scale(1)}}@media(max-width:900px){.dashboard-header__meta[data-astro-cid-pgpo2ev5]{width:100%}.dashboard-chip[data-astro-cid-pgpo2ev5]{flex:1 1 30%}.workspace-stage[data-astro-cid-pgpo2ev5]{min-height:27rem}.workspace-stage__card--primary[data-astro-cid-pgpo2ev5]{width:calc(100% - 2rem);left:1rem;top:1rem}.workspace-stage__panel--vue[data-astro-cid-pgpo2ev5]{top:10rem;right:1rem}.workspace-stage__panel--react[data-astro-cid-pgpo2ev5]{top:13.1rem;right:4.8rem}.workspace-stage__panel--angular[data-astro-cid-pgpo2ev5]{top:16.2rem;right:1.6rem}.workspace-stage__card--secondary[data-astro-cid-pgpo2ev5]{left:1rem;right:1rem;bottom:1rem;max-width:none}}@media(max-width:640px){.dashboard-header[data-astro-cid-pgpo2ev5]{padding:.85rem}.dashboard-header__brand[data-astro-cid-pgpo2ev5]{width:100%}.dashboard-header__meta[data-astro-cid-pgpo2ev5]{gap:.55rem}.dashboard-chip[data-astro-cid-pgpo2ev5]{min-width:0;flex:1 1 30%}.workspace-stage[data-astro-cid-pgpo2ev5]{min-height:40rem}.workspace-stage__card--primary[data-astro-cid-pgpo2ev5]{top:.9rem;left:.9rem;width:calc(100% - 1.8rem);padding:.9rem .9rem .85rem}.workspace-stage__card--primary[data-astro-cid-pgpo2ev5] strong[data-astro-cid-pgpo2ev5]{font-size:1.05rem}.workspace-stage__card--primary[data-astro-cid-pgpo2ev5] p[data-astro-cid-pgpo2ev5]{font-size:.92rem;line-height:1.45}.tab-strip__track[data-astro-cid-pgpo2ev5]{gap:.55rem;padding:.65rem}.tab-pill[data-astro-cid-pgpo2ev5]{gap:.45rem;padding:.65rem .72rem}.tab-pill__icon[data-astro-cid-pgpo2ev5],.tab-pill__close[data-astro-cid-pgpo2ev5]{width:1.28rem;height:1.28rem;font-size:.66rem}.tab-pill__icon[data-astro-cid-pgpo2ev5]{width:.36rem;height:.36rem}.workspace-stage__panel[data-astro-cid-pgpo2ev5]{width:calc(100% - 2rem);left:1rem}.workspace-stage__panel--vue[data-astro-cid-pgpo2ev5]{top:17rem;right:auto}.workspace-stage__panel--react[data-astro-cid-pgpo2ev5]{top:21.5rem;right:auto}.workspace-stage__panel--angular[data-astro-cid-pgpo2ev5]{top:26rem;right:auto}.workspace-stage__card--secondary[data-astro-cid-pgpo2ev5]{left:.9rem;right:.9rem;bottom:.5rem;padding:.6rem;gap:.4rem}.workspace-stage__card--secondary[data-astro-cid-pgpo2ev5] span[data-astro-cid-pgpo2ev5]{font-size:.72rem;padding:.42rem .58rem}}@media(prefers-reduced-motion:reduce){.tab-strip__track[data-astro-cid-pgpo2ev5],.tab-pill--active[data-astro-cid-pgpo2ev5],.workspace-stage__card--primary[data-astro-cid-pgpo2ev5],.workspace-stage__card--secondary[data-astro-cid-pgpo2ev5],.workspace-stage__panel[data-astro-cid-pgpo2ev5]{animation:none}}.hero-badge[data-astro-cid-pgpo2ev5]{display:inline-flex;align-items:center;gap:.55rem;padding:.68rem .95rem;border-radius:999px;background:#ffffff0d;color:#e9f0ffe6;font-weight:600;line-height:1}.hero-badge[data-astro-cid-pgpo2ev5] svg[data-astro-cid-pgpo2ev5]{width:.95rem;height:.95rem;flex-shrink:0;fill:none;stroke:#73beff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.95}