.demo-launch{border-color:color-mix(in srgb,var(--accent),var(--border) 35%);background:var(--accentSoft);color:var(--accent);font-weight:800}
.demo-tour-root{position:fixed;inset:0;z-index:10020;pointer-events:none}
.demo-tour-card{position:fixed;right:24px;bottom:24px;width:min(430px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;background:color-mix(in srgb,var(--panel),transparent 2%);border:1px solid color-mix(in srgb,var(--accent),var(--border) 35%);border-radius:16px;box-shadow:0 20px 70px rgba(0,0,0,.32);padding:16px;pointer-events:auto;backdrop-filter:blur(10px)}
.demo-tour-root[data-placement="left"] .demo-tour-card{left:24px;right:auto}.demo-tour-root[data-placement="right"] .demo-tour-card{right:24px;left:auto}
.demo-tour-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.demo-tour-head h3{margin:4px 0 0;font-size:18px}.demo-tour-eyebrow{font-size:9px;letter-spacing:.13em;font-weight:900;color:var(--accent)}
.demo-tour-close{border:0;background:transparent;color:var(--muted);font-size:18px;cursor:pointer;padding:3px 6px}.demo-tour-meta{display:flex;justify-content:space-between;gap:10px;margin-top:10px;color:var(--muted);font-size:10px}
.demo-tour-narration{font-size:12px;line-height:1.6;margin-top:12px;color:var(--text)}.demo-tour-progress{height:3px;background:var(--panel2);border-radius:999px;overflow:hidden;margin-top:14px}.demo-tour-progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .1s linear}
.demo-tour-controls{display:flex;gap:7px;align-items:center;margin-top:12px}.demo-tour-controls #demoTourNext{margin-left:auto}.demo-tour-hint{font-size:9px;color:var(--muted);margin-top:9px;text-align:right}
.demo-tour-focus{position:relative!important;z-index:10015!important;isolation:isolate;outline:3px solid var(--accent)!important;outline-offset:5px!important;border-radius:12px!important;box-shadow:0 0 0 9999px rgba(7,11,18,.58),0 12px 44px rgba(0,0,0,.25)!important;transition:outline-color .2s ease,box-shadow .2s ease}
.demo-tour-running body{overflow:hidden}.demo-tour-running .demo-tour-focus{pointer-events:none}
@media(max-width:760px){.demo-tour-card,.demo-tour-root[data-placement="left"] .demo-tour-card,.demo-tour-root[data-placement="right"] .demo-tour-card{left:12px;right:12px;bottom:12px;width:auto;max-height:46vh}.demo-tour-narration{font-size:11px}.demo-tour-focus{outline-offset:2px!important}}