.demo-guide{position:fixed;inset:0;z-index:4000;pointer-events:none}.demo-guide__spotlight{position:fixed;border:2px solid var(--accent);border-radius:var(--radius-ctl);box-shadow:0 0 0 100vmax #0000004d,0 0 0 2px var(--accent-soft);pointer-events:none;transition:top var(--speed) var(--ease),left var(--speed) var(--ease),width var(--speed) var(--ease),height var(--speed) var(--ease)}[data-theme=light] .demo-guide__spotlight{border-color:#1a3561;box-shadow:0 0 0 100vmax #0000002e,0 0 0 2px #1a35612e}.demo-guide__scrim{position:fixed;inset:0;background:#0000004d;pointer-events:none}.demo-guide__panel{position:fixed;width:420px;max-width:calc(100vw - 24px);padding:20px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-2);pointer-events:auto;z-index:4010;transition:top var(--speed) var(--ease),left var(--speed) var(--ease)}.demo-guide__panel--center{top:50%;left:50%;transform:translate(-50%,-50%)}.demo-guide__title{font-size:19px;font-weight:800;letter-spacing:-.01em;color:var(--text-1)}.demo-guide__body{margin-top:8px;font-size:15px;font-weight:500;line-height:1.55;color:var(--text-1);white-space:pre-line}.demo-guide__bar{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:12px;margin-top:20px}.demo-guide__progress{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.demo-guide__slider{flex:1;min-width:0;height:4px;-webkit-appearance:none;appearance:none;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.demo-guide__slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent);cursor:pointer;transition:transform .1s}.demo-guide__slider:hover::-webkit-slider-thumb,.demo-guide__slider:focus-visible::-webkit-slider-thumb{transform:scale(1.3)}.demo-guide__slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.demo-guide__count{flex-shrink:0;font-size:12px;color:var(--text-3);white-space:nowrap}.demo-guide__nav{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.demo-guide__link{flex-shrink:0;font-size:12px;color:var(--text-2);text-decoration:underline;text-underline-offset:2px}.demo-guide__link:hover{color:var(--text-1);background:none}.demo-welcome__backdrop{position:fixed;inset:0;z-index:4100;display:grid;place-items:center;padding:20px;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto}.demo-welcome{width:460px;max-width:100%;padding:28px;background:var(--surface-1);border:1px solid var(--border-strong);border-radius:var(--radius-card);box-shadow:var(--shadow-2)}.demo-welcome__badge{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.14em}.demo-welcome__title{margin:14px 0 0;font-size:22px;font-weight:800;color:var(--text-1)}.demo-welcome__body{margin:10px 0 0;font-size:14px;line-height:1.6;color:var(--text-2)}.demo-welcome__lang{display:block;margin-top:20px}.demo-welcome__lang .eyebrow{display:block;margin-bottom:6px}.demo-welcome__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.demo-restart{position:fixed;left:50%;bottom:18px;transform:translate(-50%);z-index:3900;padding:9px 16px;border-radius:var(--radius-pill);background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:600;box-shadow:var(--shadow-2);pointer-events:auto}.demo-restart:hover{background:var(--accent);filter:brightness(1.06)}