.demo-banner{margin-bottom:26px;padding:18px 22px;background:#eaf6f3;border:1px solid #badbd0;border-radius:12px;color:#25463e}.demo-banner strong{font-size:18px}.demo-banner p{margin:7px 0 0;line-height:1.5;font-size:14px}.demo-banner p[lang]{color:#52736a}.demo-label{font-size:12px;color:#52736a;white-space:nowrap}.demo-disabled{border:0;padding:0;margin:0;min-width:0}.demo-disabled button[type=submit]{opacity:.45;cursor:not-allowed}.demo-disabled input,.demo-disabled select,.demo-disabled textarea{opacity:.75}.content{min-width:0}@media(max-width:700px){.demo-banner{padding:14px}.demo-label{white-space:normal}.data-panel{overflow-x:auto}}

.demo-controls{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:12px}.demo-controls span{font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}input:disabled,select:disabled{opacity:.65}

.demo-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.language-switch{display:inline-flex;border:1px solid #b7cdc8;border-radius:8px;overflow:hidden}.language-switch button{padding:8px 12px;border:0;background:white;color:#25463e;font:inherit;font-size:13px;cursor:pointer}.language-switch button[aria-pressed="true"]{background:#087f92;color:white}.language-switch button:focus-visible{outline:3px solid #25463e;outline-offset:-3px}@media(max-width:700px){.topbar{flex-wrap:wrap;gap:12px}.demo-toolbar{width:100%;justify-content:space-between}}