.demo-ribbon{background:var(--surface-raised);border-bottom:1px solid var(--teal);color:var(--fg);font-size:14px}.demo-ribbon .wrap{padding-top:10px;padding-bottom:10px}.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);grid-gap:32px;gap:32px;align-items:start;padding-top:32px;padding-bottom:56px}.demo-side{display:grid;grid-gap:16px;gap:16px}.demo-side h1{margin:0}.demo-side ul{margin:0;padding-left:1.1em;color:var(--fg-muted)}.demo-side .h-actions{display:flex;gap:12px;flex-wrap:wrap}.demo-chat.sa-panel{width:100%;height:min(640px,calc(100dvh - 140px))}.demo-action{display:block;margin-top:8px;padding:8px 10px;font-size:13px;color:var(--fg-muted);background:var(--success-bg);border-left:2px solid var(--success)}.demo-action b{color:var(--success);font-weight:600}.demo-gone{padding-top:48px;padding-bottom:64px}.demo-form{max-width:640px}.demo-form .audit-form-row{flex-wrap:wrap}.demo-result a{word-break:break-all}@media (max-width:860px){.demo-layout{grid-template-columns:1fr}.demo-chat.sa-panel{order:-1}}.demo-cta{padding:12px 16px;border-left:3px solid var(--teal);background:var(--surface)}.demo-cta h2{margin:0 0 8px;font-size:1.1rem}.demo-cta p{margin:0 0 10px;color:var(--fg-muted)}.demo-cta .h-actions{margin:0}