.demo-guide{color:var(--text-strong);font-family:var(--font-sans);font-size:.9375rem;line-height:1.5}.demo-guide__launcher{position:static;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--control-radius,10px);box-shadow:var(--panel-shadow,var(--shadow-md))}.demo-guide button{min-height:44px;padding:.625rem .875rem;border:1px solid var(--border-default);border-radius:var(--control-radius,10px);background:var(--surface-raised);color:var(--text-strong);font:inherit;font-weight:var(--weight-strong,600);cursor:pointer}.demo-guide button:disabled{cursor:not-allowed;opacity:.65}.demo-guide button:focus-visible,.demo-guide input:focus-visible,.demo-guide textarea:focus-visible,.demo-guide__panel:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.demo-guide__panel{position:fixed;z-index:72;right:max(1rem,env(safe-area-inset-right));bottom:calc(var(--demo-dock-height, 6rem) + .75rem);width:min(25rem,calc(100vw - 2rem));max-height:min(42rem,calc(100dvh - var(--demo-dock-height, 6rem) - 2rem));overflow:auto;overscroll-behavior:contain;border:var(--panel-border-width,1px) solid var(--border-default);border-radius:var(--panel-radius,16px);box-shadow:var(--panel-shadow,var(--shadow-lg));background:var(--surface-raised);padding:1rem}.demo-guide__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.demo-guide__header h2{margin:0;font-size:1.125rem;font-weight:var(--weight-heading,600)}.demo-guide__header button{font-size:1.5rem;min-width:44px;padding:.25rem}.demo-guide p{margin:.75rem 0;overflow-wrap:anywhere}.demo-guide__message,.demo-guide__notice,.demo-guide__status{background:var(--surface-subtle);padding:.75rem;border-radius:var(--control-radius,10px);color:var(--text-strong)}.demo-guide__status{font-weight:var(--weight-strong,600)}.demo-guide__notice{font-size:.875rem}.demo-guide__modes{display:grid;gap:.25rem;border:0;padding:0;margin:0}.demo-guide__modes legend{font-size:.875rem;font-weight:var(--weight-strong,600)}.demo-guide__modes label{display:flex;align-items:center;gap:.625rem;min-height:44px;cursor:pointer}.demo-guide input[type=radio]{width:1.125rem;height:1.125rem;accent-color:var(--action-primary)}.demo-guide .demo-guide__primary{color:var(--text-on-action);background:var(--action-primary);border-color:var(--action-primary)}.demo-guide .demo-guide__primary:not(:disabled):hover{background:var(--action-primary-hover)}.demo-guide form{display:grid;gap:.5rem;margin:1rem 0}.demo-guide form label{font-weight:var(--weight-strong,600)}.demo-guide textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:5rem;max-height:12rem;border:1px solid var(--border-strong);border-radius:var(--control-radius,10px);padding:.625rem;font:inherit;color:var(--text-strong);background:var(--surface-input)}.demo-guide small{display:block;font-size:.8125rem;color:var(--text-strong)}.demo-guide__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.25rem 0}.demo-guide__answer{border-inline-start:3px solid var(--action-primary);padding-inline-start:.75rem;white-space:pre-wrap}.demo-guide__highlight{position:fixed;z-index:65;pointer-events:none;border-radius:var(--control-radius,10px);outline:3px solid var(--focus-ring);outline-offset:3px;box-shadow:0 0 0 5px var(--surface-raised)}@media (max-width:480px){.demo-guide__panel{right:.5rem;width:calc(100vw - 1rem);box-sizing:border-box;max-height:calc(100dvh - var(--demo-dock-height, 6rem) - 2rem)}.demo-guide__launcher{max-width:calc(100vw - 1rem)}}@media (prefers-reduced-motion:reduce){.demo-guide *,.demo-guide :after,.demo-guide :before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media (max-width:480px){.demo-guide__panel[data-active=true]{max-height:min(48dvh,calc(100dvh - var(--demo-dock-height, 6rem) - 2rem))}}.demo-layer{--demo-ink:#1d1b3b;--demo-ink-raised:rgba(255,255,255,0.09);--demo-violet:#8b7bff;--demo-violet-soft:#a99cff;--demo-text:#f4f3ff;--demo-text-soft:#b9b5e6;--demo-line:rgba(169,156,255,0.3);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.demo-layer__stripe{position:fixed;inset:0 0 auto 0;z-index:70;height:4px;background:linear-gradient(90deg,#6f5cff,#a99cff 50%,#6f5cff);pointer-events:none}.demo-layer__tab{top:4px;z-index:70;gap:8px;height:24px;padding:0 14px;border-radius:0 0 12px 12px;font:500 11px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.demo-layer .demo-dock,.demo-layer__tab{position:fixed;left:50%;transform:translateX(-50%);display:flex;align-items:center;background:var(--demo-ink);color:var(--demo-text)}.demo-layer .demo-dock{bottom:20px;z-index:60;width:min(980px,calc(100vw - 32px));box-sizing:border-box;gap:12px;padding:10px 10px 10px 14px;border-radius:22px;border:1px solid var(--demo-line);box-shadow:0 18px 48px rgba(29,27,59,.4),0 2px 8px rgba(29,27,59,.3)}.demo-layer .demo-dock__mark,.demo-layer .demo-welcome__mark{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:13px;background:rgba(139,123,255,.24);color:#cfc8ff}.demo-layer .demo-dock__copy{flex:1 1 200px;min-width:0}.demo-layer .demo-dock__eyebrow{margin:0;font:500 11px/1.3 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--demo-text-soft)}.demo-layer .demo-dock__title{margin:2px 0 0;font-size:15px;font-weight:600;line-height:1.3;color:#fff}.demo-layer .demo-dock__detail{margin:2px 0 0;font-size:13px;line-height:1.4;color:var(--demo-text-soft)}.demo-layer .demo-dock__dots{flex:none;display:flex;align-items:center;gap:6px}.demo-layer .demo-dock__dot{width:8px;height:8px;border-radius:4px;background:rgba(255,255,255,.25)}.demo-dock__dot[data-state=done]{background:var(--demo-violet)}.demo-dock__dot[data-state=current]{width:22px;background:var(--demo-violet-soft)}.demo-layer .demo-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:14px;font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;color:var(--demo-text);background:var(--demo-ink-raised)}.demo-layer .demo-btn:hover:not(:disabled){background:rgba(255,255,255,.16)}.demo-layer .demo-btn:focus-visible{outline:3px solid var(--demo-violet-soft);outline-offset:2px}.demo-layer .demo-btn:disabled{opacity:.45;cursor:not-allowed}.demo-layer .demo-btn--outline{background:transparent;border:1px solid rgba(255,255,255,.24);color:#e6e3ff}.demo-layer .demo-btn--primary{padding:0 18px;background:var(--demo-violet);color:#120f33}.demo-layer .demo-btn--primary:hover:not(:disabled){background:#9d90ff}.demo-layer .demo-btn--icon{width:44px;padding:0;background:transparent;color:var(--demo-text-soft)}.demo-layer .demo-btn--listen{padding:0 14px 0 10px;border-radius:22px;font-size:13px}.demo-btn--listen .demo-btn__play{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:14px;background:var(--demo-violet);color:#120f33}.demo-layer .demo-btn__length{font:400 11px/1 ui-monospace,SF Mono,Menlo,monospace;color:var(--demo-text-soft)}.demo-layer .demo-dock__divider{flex:none;width:1px;height:30px;background:rgba(255,255,255,.16)}.demo-layer .demo-dock-pill{position:fixed;left:16px;bottom:16px;z-index:60;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px 0 12px;border:1px solid var(--demo-line);border-radius:22px;background:var(--demo-ink);color:var(--demo-text);font:600 14px/1 ui-sans-serif,system-ui,sans-serif;box-shadow:0 10px 28px rgba(29,27,59,.35);cursor:pointer}.demo-layer .demo-dock-pill:focus-visible{outline:3px solid var(--demo-violet-soft);outline-offset:2px}.demo-layer .demo-tools{position:fixed;right:max(16px,calc((100vw - 980px) / 2));bottom:92px;z-index:61;width:min(340px,calc(100vw - 32px));box-sizing:border-box;padding:8px;border-radius:18px;border:1px solid var(--demo-line)!important;background:var(--demo-ink)!important;color:var(--demo-text);box-shadow:0 18px 48px rgba(29,27,59,.45)}.demo-layer .demo-tools__label{margin:8px 10px 6px;font:500 11px/1.3 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--demo-text-soft)}.demo-layer .demo-tools__item{display:flex;align-items:flex-start;gap:12px;width:100%;box-sizing:border-box;min-height:44px;padding:10px;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.demo-layer .demo-tools__item:focus-visible,.demo-layer .demo-tools__item:hover{background:rgba(255,255,255,.09);outline:none}.demo-layer .demo-tools__item:focus-visible{box-shadow:inset 0 0 0 2px var(--demo-violet-soft)}.demo-tools__item strong{display:block;font-size:14px;font-weight:600;color:#fff}.demo-tools__item span span{display:block;margin-top:2px;font-size:12.5px;line-height:1.4;color:var(--demo-text-soft)}.demo-tools__item svg{flex:none;margin-top:2px;color:#cfc8ff}.demo-layer .demo-welcome{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(18,16,42,.62)}.demo-layer .demo-welcome__dialog{width:min(600px,100%);max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;border-radius:26px;border:1px solid var(--demo-line)!important;background:var(--demo-ink)!important;color:var(--demo-text);box-shadow:0 30px 80px rgba(10,8,30,.55)}.demo-layer .demo-welcome__edge{height:6px;background:linear-gradient(90deg,#6f5cff,#a99cff 50%,#6f5cff)}.demo-layer .demo-welcome__body{display:flex;flex-direction:column;gap:22px;padding:30px 32px 26px}.demo-layer .demo-welcome__title{margin:8px 0 0;font-size:30px;font-weight:600;line-height:1.15;color:#fff}.demo-layer .demo-welcome__lead{margin:10px 0 0;font-size:16px;line-height:1.5;color:#d9d6ff}.demo-layer .demo-welcome__list{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none}.demo-welcome__list li{display:flex;align-items:flex-start;gap:14px}.demo-welcome__list strong{display:block;font-size:15px;font-weight:600;color:#fff}.demo-welcome__list span span{display:block;margin-top:2px;font-size:14px;line-height:1.45;color:var(--demo-text-soft)}.demo-layer .demo-welcome__actions{display:flex;flex-wrap:wrap;gap:12px}.demo-welcome__actions .demo-btn{min-height:48px;padding:0 22px;border-radius:15px}.demo-layer .demo-welcome__note{margin:0;font-size:13px;color:#9b97cf}.demo-layer__spacer{height:var(--demo-dock-height,104px)}@media (max-width:760px){[data-testid=demo-participant-demand] button{max-width:100%;white-space:normal;height:auto;min-height:44px;padding-top:8px;padding-bottom:8px}.demo-layer__tab{height:20px;padding:0 10px;font-size:10px;letter-spacing:.08em}.demo-layer__tab-long{display:none}.demo-layer .demo-dock{bottom:0;width:100%;border-radius:20px 20px 0 0;flex-wrap:wrap;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.demo-layer .demo-dock__divider,.demo-layer .demo-dock__dots,.demo-layer .demo-dock__mark{display:none}.demo-layer .demo-dock__copy{flex-basis:100%;padding-right:40px}.demo-layer .demo-dock>.demo-btn--icon{position:absolute;top:4px;right:4px}.demo-layer .demo-dock__actions{display:flex;flex:1 1 100%;flex-wrap:wrap;min-width:0;max-width:100%;gap:8px}.demo-layer .demo-dock__actions>.demo-guide{flex:1 1 10rem;min-width:0;max-width:100%}.demo-layer .demo-dock__actions .demo-guide__launcher{width:100%;max-width:100%;min-width:0}.demo-layer .demo-dock__actions>label.demo-btn{min-width:0;max-width:100%;flex-wrap:wrap;padding:8px 12px}.demo-layer .demo-dock__actions select{min-width:0;max-width:100%}.demo-dock__actions .demo-btn{flex:1 1 auto}.demo-layer .demo-tools{right:16px;left:16px;width:auto;bottom:var(--demo-dock-height,150px)}.demo-layer__spacer{height:var(--demo-dock-height,190px)}.demo-layer .demo-welcome__body{padding:24px 20px 20px}.demo-layer .demo-welcome__title{font-size:26px}}@media (prefers-reduced-motion:no-preference){.demo-layer .demo-dock,.demo-layer .demo-tools,.demo-layer .demo-welcome__dialog{animation:demo-rise .18s ease-out both}@keyframes demo-rise{0%{opacity:0;transform:translate(var(--demo-from-x,0),8px)}}.demo-layer .demo-dock{--demo-from-x:-50%}}.demo-case-chip{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:10px;background:#1d1b3b;color:#cfc8ff;font:500 10px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}