.demo-shell{min-height:100vh;background:var(--wm-bg, #faf9f7);color:var(--wm-text, #1a1a1a)}.demo-shell__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;background:#ffffffeb;color:var(--wm-text, #1a1a1a);border-bottom:1px solid var(--wm-border, #e8e5e1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.demo-shell__brand{display:flex;align-items:center;gap:.75rem;min-width:0}.demo-shell__logo{color:var(--wm-text, #1a1a1a);text-decoration:none;font-weight:700;letter-spacing:-.02em;white-space:nowrap}.demo-shell__pill{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;color:var(--wm-accent-dark, #7a6240);background:var(--wm-accent-subtle, #faf6f0);border:1px solid rgba(154,123,79,.15);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.demo-shell__hint{font-size:.85rem;color:var(--wm-text-muted, #9a9a9a);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-shell__header-actions{display:flex;align-items:center;gap:.75rem}.demo-shell__link{color:var(--wm-text-secondary, #6b6b6b);text-decoration:none;font-size:.875rem;font-weight:500}.demo-shell__link:hover{color:var(--wm-text, #1a1a1a)}.demo-shell__body{display:flex;min-height:calc(100vh - 56px)}.demo-shell__nav{width:220px;flex:0 0 auto;padding:.75rem .5rem;background:var(--wm-bg-card, #ffffff);border-right:1px solid var(--wm-border, #e8e5e1)}.demo-shell__navlink{display:block;padding:.55rem .75rem;border-radius:8px;color:var(--wm-text-secondary, #6b6b6b);text-decoration:none;font-weight:500;font-size:.875rem;margin-bottom:.2rem;transition:all .1s ease}.demo-shell__navlink:hover{background:var(--wm-bg, #faf9f7);color:var(--wm-text, #1a1a1a)}.demo-shell__navlink.active{background:var(--wm-accent-subtle, #faf6f0);color:var(--wm-accent-dark, #7a6240);font-weight:600}.demo-shell__main{flex:1 1 auto;min-width:0;padding:0;background:var(--wm-bg, #faf9f7)}@media (max-width: 900px){.demo-shell__body{flex-direction:column}.demo-shell__nav{width:100%;border-right:none;border-bottom:1px solid var(--wm-border, #e8e5e1);display:flex;gap:.25rem;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:.5rem}.demo-shell__navlink{margin-bottom:0;white-space:nowrap}}.demo-step{padding:2rem 2.5rem}.demo-step__nav{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--wm-border, #e8e5e1)}.demo-step__nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.875rem;color:var(--wm-accent-dark, #7a6240);background:var(--wm-accent-subtle, #faf6f0);transition:all .15s ease}.demo-step__nav-link:hover{background:#9a7b4f1f}.demo-step__nav-link--next{margin-left:auto}.demo-step__nav-link--cta{margin-left:auto;background:var(--wm-accent, #9a7b4f);color:#fff}.demo-step__nav-link--cta:hover{background:var(--wm-accent-dark, #7a6240)}