.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);--demo-edge:linear-gradient(90deg,#6f5cff,#a99cff 50%,#6f5cff);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.demo-layer.demo-topbar{position:sticky;top:0;z-index:40;background:var(--demo-ink);color:var(--demo-text);border-bottom:1px solid var(--demo-line);box-shadow:0 6px 20px rgba(29,27,59,.16)}.demo-layer .demo-layer__stripe{height:4px;background:var(--demo-edge)}.demo-layer .demo-layer__tab{position:absolute;top:4px;left:50%;transform:translateX(-50%);display:flex;align-items:center;height:22px;padding:0 14px;border-radius:0 0 12px 12px;background:#2b2852;color:var(--demo-text);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-topbar__inner{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:72rem;margin:0 auto;padding:26px 16px 10px}.demo-layer .demo-topbar__brand{flex:none;color:#fff;font-size:14px;font-weight:750;letter-spacing:-.01em;text-decoration:none}.demo-layer .demo-topbar__brand span{color:var(--demo-violet-soft)}.demo-layer .demo-topbar__links{display:flex;min-width:0;margin:0;padding:4px;gap:2px;list-style:none;overflow-x:auto;border-radius:14px;background:rgba(255,255,255,.06);scrollbar-width:none}.demo-layer .demo-topbar__link{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:10px;color:var(--demo-text-soft);font-size:12.5px;font-weight:650;text-decoration:none;white-space:nowrap}.demo-layer .demo-topbar__link:hover{background:var(--demo-ink-raised);color:#fff}.demo-layer .demo-topbar__link[aria-current=page]{background:var(--demo-violet);color:#120f33}.demo-layer .demo-topbar__staff{display:inline-flex;flex:none;align-items:center;gap:6px;min-height:36px;color:var(--demo-violet-soft);font-size:12.5px;font-weight:700;text-decoration:none;white-space:nowrap}.demo-layer .demo-topbar__staff:hover{color:#fff}.demo-layer .demo-topbar__staff--compact{display:none}.demo-layer .demo-topbar__brand:focus-visible,.demo-layer .demo-topbar__link:focus-visible,.demo-layer .demo-topbar__staff:focus-visible{outline:3px solid var(--demo-violet-soft);outline-offset:2px}.demo-layer .demo-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;min-height:44px;padding:0 16px;border:0;border-radius:14px;font:inherit;font-size:14px;font-weight:600;line-height:1.2;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 svg{flex:none}.demo-layer .demo-dock{position:fixed;left:50%;bottom:20px;z-index:60;transform:translateX(-50%);box-sizing:border-box;display:flex;align-items:center;gap:12px;width:min(980px,calc(100vw - 32px));padding:10px 10px 10px 14px;border-radius:22px;border:1px solid var(--demo-line);background:var(--demo-ink);color:var(--demo-text);box-shadow:0 18px 48px rgba(29,27,59,.4),0 2px 8px rgba(29,27,59,.3)}.demo-layer .demo-dock__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,.demo-layer .demo-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__actions{display:contents}.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:var(--demo-dock-height,104px);z-index:61;box-sizing:border-box;width:min(370px,calc(100vw - 32px));max-height:calc(100dvh - var(--demo-dock-height, 104px) - 96px);overflow-y:auto;padding:8px;border-radius:18px;border:1px solid var(--demo-line);background:var(--demo-ink);color:var(--demo-text);box-shadow:0 18px 48px rgba(29,27,59,.45)}.demo-layer .demo-tools__label{margin:8px 10px 6px}.demo-layer .demo-tools__item{display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;width:100%;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-layer .demo-tools__item[aria-disabled=true]{cursor:not-allowed}.demo-layer .demo-tools__item[aria-disabled=true] .demo-tools__name,.demo-layer .demo-tools__item[aria-disabled=true] svg{opacity:.5}.demo-layer .demo-tools__item svg{flex:none;margin-top:2px;color:#cfc8ff}.demo-layer .demo-tools__text{display:block;min-width:0}.demo-layer .demo-tools__name{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#fff}.demo-layer .demo-tools__helper{display:block;margin-top:3px;font-size:12.5px;line-height:1.45;color:var(--demo-text-soft)}.demo-layer .demo-tools__note{display:block;margin-top:4px;font-size:12px;line-height:1.45;color:#9b97cf}.demo-layer .demo-tools__blocker{display:block;margin-top:6px;padding:6px 8px;border-radius:8px;background:rgba(255,196,92,.12);color:#ffd99a;font-size:12px;line-height:1.45}.demo-layer .demo-chip{display:inline-flex;align-items:center;height:18px;padding:0 7px;border-radius:9px;background:rgba(139,123,255,.24);color:#d9d4ff;font:500 10px/1 ui-monospace,SF Mono,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.demo-layer.demo-dialog{box-sizing:border-box;width:min(580px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--demo-line);border-radius:24px;background:var(--demo-ink);color:var(--demo-text);box-shadow:0 30px 80px rgba(10,8,30,.55)}.demo-layer.demo-dialog[open]{display:flex;flex-direction:column}.demo-layer.demo-dialog::backdrop{background:rgba(18,16,42,.62)}.demo-layer .demo-dialog__edge{flex:none;height:6px;background:var(--demo-edge)}.demo-layer .demo-dialog__scroll{display:flex;flex-direction:column;gap:16px;min-height:0;padding:24px 28px;overflow-y:auto}.demo-layer .demo-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.demo-layer .demo-dialog__title{margin:6px 0 0;font-family:inherit;font-size:22px;font-weight:650;line-height:1.2;letter-spacing:-.01em;color:#fff}.demo-layer .demo-dialog__close{margin:-6px -10px 0 0}.demo-layer .demo-dialog__text{margin:0;font-size:15px;line-height:1.6;color:#e3e0ff}.demo-layer .demo-dialog__muted{margin:0;font-size:14px;line-height:1.55;color:var(--demo-text-soft)}.demo-layer .demo-dialog__strong{margin:0;font-size:15px;font-weight:600;line-height:1.5;color:#fff}.demo-layer .demo-dialog__section{display:flex;flex-direction:column;gap:10px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}.demo-layer .demo-dialog__list{display:grid;gap:8px;margin:0;padding-left:20px;list-style:disc;font-size:15px;line-height:1.5;color:#e3e0ff}.demo-layer .demo-dialog__list li::marker{color:var(--demo-violet-soft)}.demo-layer .demo-dialog__pre{margin:0;max-height:38vh;overflow:auto;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.05);color:#e3e0ff;font:12.5px/1.6 ui-monospace,SF Mono,Menlo,monospace;white-space:pre-wrap}.demo-layer .demo-dialog__tool{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:14px;border-radius:16px;border:1px dashed rgba(169,156,255,.45);background:rgba(139,123,255,.08)}.demo-layer .demo-dialog__actions{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 28px 20px;border-top:1px solid rgba(255,255,255,.08)}.demo-layer .demo-dialog__link{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--demo-violet-soft);font-size:14px;font-weight:650;text-decoration:underline;text-underline-offset:3px}.demo-layer .demo-dialog__link:focus-visible{outline:3px solid var(--demo-violet-soft);outline-offset:2px}.demo-layer.demo-role-offer{overflow:hidden;border:1px solid var(--demo-line);border-radius:22px;background:var(--demo-ink);color:var(--demo-text);box-shadow:0 14px 36px rgba(29,27,59,.22)}.demo-layer .demo-role-offer__edge{height:4px;background:var(--demo-edge)}.demo-layer .demo-role-offer__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 22px 22px}.demo-layer .demo-role-offer__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.demo-layer .demo-role-offer__title{margin:2px 0 0;font-family:inherit;font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;line-height:1.08;letter-spacing:-.03em;color:#fff}.demo-layer .demo-role-offer__goal{margin:0;font-size:15px;line-height:1.5;color:#e3e0ff}.demo-layer .demo-role-offer__goal strong{color:#fff}.demo-layer .demo-role-offer__summary{margin:0;font-size:14px;line-height:1.55;color:var(--demo-text-soft)}.demo-layer .demo-role-offer__body .demo-btn{margin-top:4px}.demo-layer__spacer{height:var(--demo-dock-height,104px)}@media (max-width:760px){.demo-layer .demo-dock{bottom:0;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"guide tools hide" "title title title" "detail detail detail";align-items:center;gap:0 6px;padding:6px 8px max(14px,env(safe-area-inset-bottom)) 16px;border-radius:20px 20px 0 0;border-bottom:0}.demo-layer .demo-dock__divider,.demo-layer .demo-dock__mark,.demo-layer .demo-dock__primary,.demo-layer .demo-dock__route{display:none}.demo-layer .demo-dock__actions,.demo-layer .demo-dock__copy{display:contents}.demo-layer .demo-dock__eyebrow{display:none}.demo-layer .demo-dock__actions>.demo-guide{grid-area:guide;min-width:0}.demo-layer .demo-dock .demo-guide__launcher{width:100%;min-width:0;max-width:100%;padding:0 8px;font-size:13px;line-height:1.2}.demo-layer .demo-dock__title{grid-area:title;margin-top:2px;padding-right:8px}.demo-layer .demo-dock__detail{grid-area:detail;padding-right:8px}.demo-layer .demo-dock[data-compact] .demo-dock__detail{display:none}.demo-layer .demo-dock__tools{grid-area:tools;padding:0 12px}.demo-layer .demo-dock__hide{grid-area:hide}.demo-layer .demo-tools{right:12px;left:12px;width:auto}.demo-layer.demo-dialog{width:100%;max-height:88dvh;margin:auto 0 0;border-bottom:0;border-radius:22px 22px 0 0}.demo-layer .demo-dialog__scroll{padding:20px 18px 18px}.demo-layer .demo-dialog__actions{padding:12px 18px max(16px,env(safe-area-inset-bottom))}.demo-layer .demo-dialog__actions .demo-btn{flex:1 1 auto}}@media (max-width:639px){.demo-layer.demo-topbar{display:flex;flex-direction:column;top:-108px}.demo-layer .demo-layer__stripe{order:2}.demo-layer .demo-layer__tab{top:100%}.demo-layer .demo-topbar__inner{flex-wrap:wrap;align-content:space-between;row-gap:8px;height:108px;padding:10px 12px}.demo-layer .demo-topbar__brand{line-height:36px}.demo-layer .demo-topbar__links{order:3;flex:1 1 100%}.demo-layer .demo-topbar__links li{flex:1 0 auto}.demo-layer .demo-topbar__link{justify-content:center;width:100%;box-sizing:border-box;padding:0 10px}.demo-layer .demo-topbar__link svg,.demo-layer .demo-topbar__staff--wide{display:none}.demo-layer .demo-topbar__staff--compact{display:inline-flex}}@media (prefers-reduced-motion:no-preference){.demo-layer .demo-dock,.demo-layer .demo-tools,.demo-layer.demo-dialog[open]{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%}}