.demo-toolbar{position:relative;z-index:100;display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:12px 24px;background:var(--theme-raised);border-bottom:1px solid var(--theme-border);color:var(--text);font-size:12px}.demo-toolbar>div{display:grid;gap:4px}.demo-toolbar strong{font-size:11px;letter-spacing:.1em;color:var(--theme-accent)}.demo-toolbar span{color:var(--muted)}.demo-toolbar nav{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}.demo-toolbar a{color:var(--theme-accent)}.demo-toolbar details{position:relative}.demo-toolbar summary{cursor:pointer;padding:8px 12px;border:1px solid var(--theme-border);border-radius:8px}.demo-options{position:absolute;right:0;top:38px;width:290px;padding:18px;background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:12px;box-shadow:0 14px 40px #0008;display:grid;gap:12px;max-height:70vh;overflow:auto}.demo-options label{display:grid;gap:8px}.demo-options select,.demo-options button{font:inherit;padding:10px;background:var(--theme-raised);border:1px solid var(--theme-border);color:var(--text);border-radius:7px;text-align:left}.demo-options p{line-height:1.6;color:var(--muted);margin:0}.demo-toolbar [data-demo-feedback]:empty{display:none}.demo-toolbar [data-demo-feedback]{flex-basis:100%;margin:0;color:var(--theme-accent)}.demo-entry{position:fixed;bottom:20px;left:20px;z-index:90;padding:9px 15px;border:1px solid var(--theme-border);background:var(--theme-surface);color:var(--theme-accent);border-radius:9px;font-size:12px;box-shadow:0 4px 18px #0004}.demo-mode .header{z-index:50}@media(max-width:700px){.demo-toolbar{padding:10px 14px;gap:10px}.demo-toolbar nav{margin-left:0;order:3}.demo-toolbar details{margin-left:auto}}

/* Floating support controls must remain above the demo toolbar. */
.demo-mode .support-widget{z-index:110}