.demo-tour-launch{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border:1px solid var(--accent-100);border-radius:999px;background:var(--accent-50);color:var(--accent-700);font:inherit;font-weight:var(--fw-semibold);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.demo-tour-launch:focus-visible,.demo-tour-launch:hover{border-color:var(--accent-500);background:var(--accent-100);color:var(--accent-900)}.demo-tour-launch-step{padding:1px 7px;border-radius:999px;background:var(--card);color:var(--muted);font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.02em}.demo-tour{position:fixed;inset:0;z-index:95;pointer-events:none}.demo-tour-dim{background:rgba(9,20,16,.5)}.demo-tour-dim,.demo-tour-highlight{position:fixed;pointer-events:none;transition:top .2s ease,left .2s ease,width .2s ease,height .2s ease}.demo-tour-highlight{border:2px solid var(--accent-500);border-radius:var(--radius-md);box-shadow:0 0 0 4px var(--accent-shadow)}.demo-tour-scrim{position:fixed;inset:0;background:rgba(9,20,16,.42);pointer-events:none}.demo-tour-step{position:fixed;z-index:96;display:flex;flex-direction:column;gap:10px;max-width:calc(100vw - 24px);max-height:min(78vh,620px);overflow-y:auto;padding:16px 18px 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--card);color:var(--ink);box-shadow:var(--shadow-lg);pointer-events:auto;animation:demo-tour-rise .2s ease}.demo-tour-step:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px}@keyframes demo-tour-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-tour-step.is-center{animation:demo-tour-fade .2s ease}@keyframes demo-tour-fade{0%{opacity:0}to{opacity:1}}.demo-tour-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.demo-tour-progress{display:flex;flex-direction:column;gap:6px;flex:1 1;min-width:0}.demo-tour-progress-label{display:flex;align-items:baseline;gap:6px;color:var(--muted);font-size:.6875rem;font-weight:var(--fw-semibold);letter-spacing:.04em;text-transform:uppercase}.demo-tour-progress-label em{font-style:normal;font-weight:var(--fw-semibold);letter-spacing:0;text-transform:none;opacity:.8}.demo-tour-progress-bar{display:block;height:5px;border-radius:999px;background:var(--accent-50);overflow:hidden}.demo-tour-progress-bar i{display:block;height:100%;border-radius:999px;background:var(--accent-500);transition:width .24s ease}.demo-tour-stop{flex:0 0 auto;display:inline-grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--card);color:var(--muted);cursor:pointer;transition:border-color .15s ease,color .15s ease}.demo-tour-stop:hover{border-color:var(--accent-500);color:var(--accent-700)}.demo-tour-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.demo-tour-tag{padding:2px 9px;border-radius:999px;font-size:.6875rem;font-weight:var(--fw-semibold);white-space:nowrap}.demo-tour-tag.is-core{background:var(--accent-100);color:var(--accent-900)}.demo-tour-tag.is-extra{background:var(--bg-cream-2);color:var(--muted)}.demo-tour-url{padding:2px 8px;border-radius:999px;background:var(--bg-cream);color:var(--ink-2);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.demo-tour-title{margin:0;font-size:1.0625rem;line-height:1.3}.demo-tour-text{margin:0;color:var(--ink-2);font-size:.875rem;line-height:1.5}.demo-tour-action,.demo-tour-missing{display:flex;align-items:flex-start;gap:7px;margin:0;padding:8px 11px;border-radius:var(--radius-sm);font-size:.8125rem;line-height:1.45}.demo-tour-action{background:var(--accent-50);color:var(--accent-900)}.demo-tour-missing{background:var(--bg-cream-2);color:var(--ink-2)}.demo-tour-action svg,.demo-tour-missing svg{flex:0 0 auto;margin-top:2px}.demo-tour-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px}.demo-tour-actions-left,.demo-tour-actions-right{display:flex;align-items:center;gap:8px}.demo-tour-retry,.demo-tour-skip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font:inherit;font-size:.8125rem;font-weight:var(--fw-semibold);cursor:pointer;transition:color .15s ease,border-color .15s ease}.demo-tour-retry:hover,.demo-tour-skip:hover{color:var(--accent-700);border-color:var(--accent-100)}.demo-tour-footnote{margin:0;color:var(--muted);font-size:.6875rem;line-height:1.45}@media (max-width:640px){.demo-tour-step{max-height:66vh;padding:14px 14px 12px;border-radius:var(--radius-md)}.demo-tour-actions{justify-content:stretch}.demo-tour-actions-left,.demo-tour-actions-right{flex:1 1 auto;justify-content:space-between}.demo-tour-title{font-size:1rem}}@media (prefers-reduced-motion:reduce){.demo-tour-step,.demo-tour-step.is-center{animation:none}.demo-tour-dim,.demo-tour-highlight,.demo-tour-launch,.demo-tour-progress-bar i,.demo-tour-retry,.demo-tour-skip,.demo-tour-stop{transition:none}}