.demo-panel{margin-inline:var(--card-space);border-top:1px solid #d9e2eb}
.demo-panel>summary{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding-block:13px;list-style:none;color:var(--blue-dark);font-size:12px;font-weight:600}
.demo-panel>summary::-webkit-details-marker{display:none}
.demo-form{min-width:0;padding:5px 0 20px}
.demo-form label{display:block;margin-bottom:12px;font-size:11px;color:var(--muted)}
.demo-form select{display:block;width:100%;min-width:0;max-width:100%;margin-top:6px;padding:10px 8px;border:1px solid #bacfe2;border-radius:5px;color:var(--ink);background:#edf4fb;font-size:12px}
.demo-controls{display:flex;align-items:end;gap:12px}.demo-controls label{min-width:0;flex:1;margin:0}.demo-controls select{height:46px;font-size:19px}
.fire-button{display:flex;align-items:center;justify-content:center;gap:25px;min-width:105px;height:46px;border:1px solid var(--blue);border-radius:6px;background:var(--blue);color:white;font-size:13px;font-weight:600;transition:box-shadow .18s}
.fire-button:hover{box-shadow:0 4px 12px #1975d11f}
.fire-button[data-state=green]{color:#185838;background:#d5eedf;border-color:#6caa87}
.fire-button[data-state=yellow]{color:#715113;background:#f6e8bc;border-color:#c9a450}
.fire-button[aria-busy=true]{opacity:.55;cursor:wait}
.last-fire{display:block;margin-top:12px;font:10px/1.5 var(--mono);color:var(--muted)}
.demo-answer{margin-top:14px;padding:15px;border:1px solid #b8d4c2;border-radius:5px;background:#e8f4ed;color:#254c33;font-size:13px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.demo-answer[hidden]{display:none}