.canvas-tour{position:fixed;inset:0;margin:0;padding:0;inline-size:100%;block-size:100dvh;max-inline-size:none;max-block-size:none;border:0;background:transparent;color:var(--text-primary);overflow:clip}.canvas-tour::backdrop{background:transparent}.canvas-tour-shade{position:absolute;inset:0;background:oklch(.15 .015 260/.55)}.canvas-tour-shade[data-spotlight]{background:transparent}.canvas-tour-spotlight{position:fixed;border:2px solid oklch(.66 .18 265);border-radius:10px;box-shadow:0 0 0 9999px oklch(.15 .015 260/.55);pointer-events:none}.canvas-tour-card{position:fixed;inline-size:min(390px,calc(100vw - 32px));max-block-size:calc(100dvh - 32px);overflow:auto;padding:clamp(20px,3vw,28px);border:1px solid var(--border-subtle);border-radius:12px;background:var(--surface-base);box-shadow:0 16px 48px oklch(.12 .02 260/.22)}.canvas-tour-card header{display:flex;align-items:center;gap:12px}.canvas-tour-icon{display:grid;place-items:center;flex:none;inline-size:44px;block-size:44px;border-radius:9px;background:color-mix(in oklch,var(--accent) 10%,var(--surface-base));color:var(--accent)}.canvas-tour-card h2{margin:0;font:650 16px/1.35 var(--font-sans);letter-spacing:-.02em}.canvas-tour-card header p{margin-block:3px 0;color:var(--text-secondary);font-size:12px}.canvas-tour-card .canvas-tour-copy{margin-block:22px 26px;color:var(--text-secondary);font-size:14px;line-height:1.7}.canvas-tour-card button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:38px;padding-block:8px;padding-inline:12px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-primary);font-size:12px}.canvas-tour-card button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.canvas-tour-card button:active{opacity:.72}.canvas-tour-card .canvas-tour-close{margin-inline-start:auto;padding:6px;flex:none}.canvas-tour-card footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.canvas-tour-actions,.canvas-tour-progress{display:flex;align-items:center;gap:6px}.canvas-tour-progress span{inline-size:6px;block-size:6px;border-radius:999px;background:var(--border-subtle)}.canvas-tour-progress span[data-complete]{background:color-mix(in oklch,var(--accent) 40%,var(--surface-base))}.canvas-tour-progress span[data-current]{inline-size:22px;background:var(--accent)}.canvas-tour-card .canvas-tour-next{background:var(--accent);color:oklch(.99 0 none);padding-inline:16px}@media (hover:hover) and (pointer:fine){.canvas-tour-card button:hover{border-color:var(--accent)}}