:root{--live-dock-height:96px}.live-panel{background:var(--vpm-color-surface);border:1px solid var(--vpm-color-border);border-radius:var(--card-radius);box-shadow:var(--vpm-shadow-sm);flex-direction:column;gap:14px;padding:18px;display:flex;position:sticky;top:96px}.live-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.live-title{color:var(--vpm-color-text);align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.live-pulse{background:var(--vpm-color-success);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite live-pulse}.live-restart{border:1px solid var(--vpm-color-border);border-radius:var(--vpm-radius-pill);background:var(--vpm-color-surface);min-height:32px;color:var(--vpm-color-text-soft);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;display:inline-flex}.live-restart:hover{border-color:var(--vpm-color-primary-300);color:var(--vpm-color-primary-600)}.live-sources{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.live-source{border-radius:var(--vpm-radius-pill);border:1px solid var(--vpm-color-border);background:var(--vpm-color-surface-muted);white-space:nowrap;align-items:center;gap:6px;min-height:28px;padding:0 10px;font-size:12px;transition:background-color .2s,border-color .2s;display:inline-flex}.live-source-name{color:var(--vpm-color-text-soft);font-weight:700}.live-source-state{color:var(--vpm-color-text-muted)}.live-source--asking{background:var(--vpm-color-accent-50);border-color:var(--vpm-color-accent-200)}.live-source--asking .live-source-state{color:var(--vpm-color-accent-600)}.live-source--showing{background:var(--vpm-color-primary-50);border-color:var(--vpm-color-primary-200)}.live-source--showing .live-source-name,.live-source--showing .live-source-state{color:var(--vpm-color-primary-600)}.live-source--empty .live-source-state{color:color-mix(in srgb, var(--vpm-color-warning) 70%, var(--vpm-color-text))}.live-log{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.live-line{color:var(--vpm-color-text-soft);grid-template-columns:36px minmax(0,1fr);gap:8px;padding-left:12px;font-size:13px;line-height:1.45;animation:.3s ease-out live-line-in;display:grid;position:relative}.live-line:before{content:"";background:var(--vpm-color-accent-400);border-radius:50%;width:6px;height:6px;position:absolute;top:6px;left:0}.live-line--good:before{background:var(--vpm-color-primary-500)}.live-line--skip:before{background:var(--vpm-color-warning)}.live-line--wait:before{background:var(--vpm-color-border)}.live-line:nth-child(n+3){opacity:.65}.live-line-time{color:var(--vpm-color-text-muted);font-variant-numeric:tabular-nums}@keyframes live-pulse{50%{opacity:.35}}@keyframes live-line-in{0%{opacity:0;transform:translateY(-4px)}}@media (width<=900px){.live-panel{height:var(--live-dock-height);margin:0 calc(-1 * var(--demo-gutter,16px));padding:10px var(--demo-gutter,16px);border-width:1px 0 0;border-radius:0;gap:8px;top:auto;bottom:0;overflow:hidden;box-shadow:0 -4px 14px #12183014}.live-head{top:10px;right:var(--demo-gutter,16px);position:absolute}.live-title,.live-restart span{display:none}.live-restart{justify-content:center;width:32px;padding:0}.live-sources{scrollbar-width:none;flex-wrap:nowrap;margin-right:44px;overflow-x:auto}.live-line{grid-template-columns:minmax(0,1fr);animation:none}.live-line>span:last-child{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:root.live-docked body>.vpm-flyroll-host{bottom:calc(var(--live-dock-height) + 12px)}.live-line-time,.live-line:not(:first-child){display:none}}@media (prefers-reduced-motion:reduce){.live-pulse,.live-line{animation:none}}.demo-page[data-astro-cid-jnszqds7]{--demo-gutter:24px}@media (width<=640px){.demo-page[data-astro-cid-jnszqds7]{--demo-gutter:16px}}.demo-intro[data-astro-cid-jnszqds7]{background:var(--vpm-gradient-soft)}.demo-intro-inner[data-astro-cid-jnszqds7]{max-width:1160px;padding:48px var(--demo-gutter) 40px;flex-direction:column;align-items:flex-start;gap:16px;margin:0 auto;display:flex}.demo-intro[data-astro-cid-jnszqds7] h1[data-astro-cid-jnszqds7],.demo-intro[data-astro-cid-jnszqds7] p[data-astro-cid-jnszqds7]{margin:0}.demo-crumb[data-astro-cid-jnszqds7]{color:var(--vpm-color-text-muted);font-size:14px;font-weight:600;text-decoration:none}.demo-crumb[data-astro-cid-jnszqds7]:before{content:"← "}.demo-crumb[data-astro-cid-jnszqds7]:hover{color:var(--vpm-color-primary-600)}.demo-note[data-astro-cid-jnszqds7]{border-radius:var(--card-radius);background:var(--vpm-color-surface);border:1px solid var(--vpm-color-border);max-width:680px;color:var(--vpm-color-text-soft);gap:10px;padding:12px 16px;font-size:14px;line-height:1.55;display:flex}.demo-note[data-astro-cid-jnszqds7] svg{color:var(--vpm-color-primary-500);flex-shrink:0;margin-top:2px}.demo-body[data-astro-cid-jnszqds7]{max-width:1160px;padding:40px var(--demo-gutter) 0;grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:56px;margin:0 auto;display:grid}@media (width<=900px){.demo-body[data-astro-cid-jnszqds7]{grid-template-columns:minmax(0,1fr);gap:24px}}.demo-article[data-astro-cid-jnszqds7]{max-width:680px;color:var(--vpm-color-text-soft);font-size:18px;line-height:1.7}.demo-site[data-astro-cid-jnszqds7]{border-radius:var(--vpm-radius-pill);background:var(--vpm-color-surface-muted);color:var(--vpm-color-text-muted);padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.demo-article[data-astro-cid-jnszqds7] h2{letter-spacing:-.02em;color:var(--vpm-color-text);margin:16px 0 20px;font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1.2}.demo-article[data-astro-cid-jnszqds7] p{margin:0 0 20px}.demo-next[data-astro-cid-jnszqds7]{padding-bottom:0}.demo-next-card[data-astro-cid-jnszqds7]{width:100%;color:var(--vpm-color-primary-600);justify-content:space-between;align-items:center;gap:24px;text-decoration:none;display:flex}.demo-next-card[data-astro-cid-jnszqds7]:hover{border-color:var(--vpm-color-primary-300);box-shadow:var(--vpm-shadow-md)}.demo-next-copy[data-astro-cid-jnszqds7]{flex-direction:column;gap:6px;display:flex}