.ds-page .demo-page{padding:56px 0 72px}.ds-page .demo-breadcrumbs{margin-bottom:28px}.ds-page .demo-video-wrap{max-width:1040px;margin:0 auto}.ds-page .demo-video-bar{display:flex;align-items:center;gap:12px;background:var(--ink-900);color:rgba(255,255,255,.85);border-bottom:var(--border-strong);padding:12px 18px;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.ds-page .demo-video-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);flex-shrink:0}.ds-page .demo-video-src{margin-left:auto;color:rgba(255,255,255,.45);letter-spacing:1px}.ds-page .demo-video-frame{position:relative;width:100%;aspect-ratio:16/9;background:var(--ink-900)}.ds-page .demo-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.ds-page .demo-video-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:var(--border-strong);padding:14px 18px;background:var(--card)}.ds-page .demo-video-foot .label{color:var(--ink-500)}.ds-page .demo-video-foot .demo-video-steps{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--ink-400)}@media (max-width:820px){.ds-page .demo-page{padding:36px 0 48px}.ds-page .demo-video-src{display:none}}