.demo-wrapper{color:#111317;height:100dvh;font-family:var(--font-archivo), system-ui, sans-serif;background:#edebe5;flex-direction:column;display:flex}.demo-bar{border-bottom:1px solid #111317;justify-content:space-between;align-items:center;gap:16px;padding:10px clamp(12px,2vw,24px);font-size:14px;display:flex}.demo-back{color:inherit;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.demo-back:hover{background:#e8ff00}.demo-title{font-family:var(--font-plex-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;margin:0;font-size:11px;display:inline-flex}.demo-dot{background:#e8ff00;border:1px solid #111317;width:8px;height:8px}.demo-actions{align-items:center;gap:16px;display:flex}.demo-hint{color:#5f6267;font-size:12.5px}.demo-book{color:#edebe5;white-space:nowrap;background:#111317;padding:8px 14px;font-weight:600;text-decoration:none}.demo-book:hover{color:#111317;background:#e8ff00}.demo-iframe{border:0;flex:1;width:100%}@media (max-width:760px){.demo-title,.demo-hint{display:none}}