.demo-layout{flex-direction:column;height:100%;min-height:100vh;display:flex}.demo-header{border-bottom:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);top:var(--site-header-h);z-index:10;align-items:center;gap:20px;padding:14px 22px;display:flex;position:sticky}.demo-back{font-family:var(--mono);color:var(--altitude);border:1px solid var(--line-strong);border-radius:var(--radius-sm);white-space:nowrap;padding:6px 12px;font-size:13px;transition:background .15s}.demo-back:hover{background:var(--navy-600)}.demo-titles{flex:1;min-width:0}.demo-title{margin:0;font-size:18px;line-height:1.1}.demo-subtitle{font-family:var(--mono);color:var(--text-dim);margin:2px 0 0;font-size:12px}.demo-learn-link{font-family:var(--mono);color:var(--altitude);border:1px solid var(--line-strong);border-radius:var(--radius-sm);white-space:nowrap;padding:6px 12px;font-size:13px;transition:background .15s}.demo-learn-link:hover{background:var(--navy-600)}.demo-brand{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);font-size:11px}@media (max-width:860px){.demo-learn-link{display:none}}.demo-content{flex:1;min-height:0}@media (max-width:720px){.demo-brand{display:none}}.demo-layout--embed .demo-header{display:none}.demo-layout--embed{--site-header-h:0px}