.demo-chrome[data-astro-cid-7r2yzxvt]{--c-bg: #051221;--c-bg-2: #0a1628;--c-bg-3: #0f2030;--c-border: rgba(255,255,255,.06);--c-border-2: rgba(255,255,255,.12);--c-text: #ffffff;--c-text-2: #cbd5e1;--c-text-muted: #64748b;--c-mint: #00E5A0;--c-mint-soft: rgba(0,229,160,.12);display:grid;grid-template-columns:224px 1fr;min-height:720px;background:var(--c-bg);color:var(--c-text);border-radius:1.25rem;overflow:hidden;box-shadow:0 30px 60px -30px #00000080,0 0 0 1px #ffffff0a;font-family:var(--font-sans, "Hanken Grotesk", sans-serif)}.demo-sidebar[data-astro-cid-7r2yzxvt]{display:flex;flex-direction:column;background:var(--c-bg-2);border-right:1px solid var(--c-border);padding:1.25rem .875rem 1rem}.demo-brand[data-astro-cid-7r2yzxvt]{display:flex;align-items:center;gap:.75rem;padding:.25rem .5rem 1.25rem}.demo-brand-mark[data-astro-cid-7r2yzxvt]{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:var(--c-mint)}.demo-brand-name[data-astro-cid-7r2yzxvt]{font-family:var(--font-display, "Bricolage Grotesque", serif);font-weight:800;font-size:1.25rem;letter-spacing:.04em}.demo-nav[data-astro-cid-7r2yzxvt]{flex:1}.demo-nav[data-astro-cid-7r2yzxvt] ul[data-astro-cid-7r2yzxvt]{list-style:none;padding:0;margin:0}.demo-nav-label[data-astro-cid-7r2yzxvt]{color:var(--c-text-muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.18em;padding:1rem .625rem .5rem}.demo-nav-item[data-astro-cid-7r2yzxvt]{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;margin:1px 0;border-radius:.5rem;color:var(--c-text-2);font-size:.875rem;font-weight:500;cursor:default;transition:background .15s ease;position:relative}.demo-nav-item[data-astro-cid-7r2yzxvt] svg{color:#94a3b8;flex-shrink:0}.demo-nav-item[data-astro-cid-7r2yzxvt].is-active{background:var(--c-mint-soft);color:var(--c-mint)}.demo-nav-item[data-astro-cid-7r2yzxvt].is-active svg{color:var(--c-mint)}.demo-nav-item[data-astro-cid-7r2yzxvt].is-active:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;background:var(--c-mint);border-radius:9999px}.demo-sidebar-footer[data-astro-cid-7r2yzxvt]{border-top:1px solid var(--c-border);margin-top:1rem;padding-top:1rem}.demo-pinned[data-astro-cid-7r2yzxvt] svg{transform:rotate(45deg)}.demo-main[data-astro-cid-7r2yzxvt]{display:flex;flex-direction:column}.demo-topbar[data-astro-cid-7r2yzxvt]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--c-border);background:var(--c-bg);gap:1rem}.demo-topbar-left[data-astro-cid-7r2yzxvt]{display:flex;align-items:center;gap:.75rem}.demo-pill[data-astro-cid-7r2yzxvt]{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem .875rem;border-radius:.5rem;background:var(--c-bg-2);border:1px solid var(--c-border);color:var(--c-text);font-size:.875rem;font-weight:600}.demo-dot[data-astro-cid-7r2yzxvt]{width:8px;height:8px;border-radius:9999px;background:var(--c-mint);box-shadow:0 0 8px #00e5a0b3}.demo-pill-label[data-astro-cid-7r2yzxvt]{font-weight:600}.demo-live-chip[data-astro-cid-7r2yzxvt]{background:var(--c-mint-soft);color:var(--c-mint);font-size:10px;font-weight:800;letter-spacing:.12em;padding:2px 6px;border-radius:4px}.demo-chevron[data-astro-cid-7r2yzxvt]{color:var(--c-text-muted)}.demo-resolutions-number[data-astro-cid-7r2yzxvt]{font-family:var(--font-display, "Bricolage Grotesque", serif);font-size:1.15rem;font-weight:800;color:var(--c-text);line-height:1;font-variant-numeric:tabular-nums}.demo-pill-sub[data-astro-cid-7r2yzxvt]{color:var(--c-text-muted);font-weight:500;font-size:.875rem}.demo-user-pill[data-astro-cid-7r2yzxvt]{display:inline-flex;align-items:center;gap:.625rem;padding:.25rem .625rem .25rem .25rem;border-radius:9999px;background:var(--c-bg-2);border:1px solid var(--c-border)}.demo-avatar[data-astro-cid-7r2yzxvt]{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9999px;background:var(--c-mint);color:#0a1628;font-weight:800;font-size:14px}.demo-user-name[data-astro-cid-7r2yzxvt]{color:var(--c-text);font-weight:600;font-size:.875rem}.demo-role-chip[data-astro-cid-7r2yzxvt]{background:var(--c-mint-soft);color:var(--c-mint);font-size:10px;font-weight:800;letter-spacing:.1em;padding:2px 8px;border-radius:9999px}.demo-body[data-astro-cid-7r2yzxvt]{padding:1.75rem 1.75rem 2.5rem}