.legacy-demos .demo-panel{padding:28px 0;border-top:1px solid var(--line-d)}
.legacy-demos .panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.legacy-demos .toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}
.legacy-demos .table-wrap{overflow:auto}.legacy-demos table{width:100%;border-collapse:collapse;min-width:540px}
.legacy-demos th,.legacy-demos td{padding:16px 12px;text-align:left;border-bottom:1px solid var(--line-d)}
.legacy-demos .document-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.legacy-demos .field{margin:0 0 18px}.legacy-demos input,.legacy-demos textarea,.legacy-demos select{max-width:100%;padding:12px;border:1px solid #8193a4;background:#10243a;color:#f5f7fa;border-radius:3px}
.legacy-demos pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);color:var(--ink);padding:24px;min-height:240px}
.legacy-demos .button{display:inline-block;padding:12px 18px;background:var(--paper);color:#10243a;border:1px solid #8193a4;border-radius:3px;font:inherit;cursor:pointer}.legacy-demos .button:disabled{opacity:.55;cursor:default}
@media(max-width:650px){.legacy-demos .document-grid{grid-template-columns:1fr}.legacy-demos th,.legacy-demos td{padding:12px 8px}}