#review-filters{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}#review-filters button{font:inherit;font-size:11px;padding:6px 12px;border:1px solid #d5deea;background:#fff;border-radius:3px;color:#536580}#review-filters button[aria-pressed=true]{color:#174c98;border-color:#2463eb;background:#f3f7ff}#review-pager{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:11px;color:#6f7e91}#review-pager button{font:inherit;background:#fff;border:1px solid #d4deeb;border-radius:3px;padding:7px 12px;color:#405c80}#review-pager button:disabled{opacity:.35}.live-demo-link{display:inline-flex;padding:10px 15px;background:#2463eb;color:#fff;font-size:13px;border-radius:3px;margin-top:20px;text-decoration:none}.live-demo-caption{font-size:11px!important;color:#748095}
#demos-view{max-width:1100px;padding-top:23px}#demos-view>.back-link{margin-bottom:12px}.live-demo-tabs{display:flex;gap:20px;border-bottom:1px solid #dbe2ec;margin:2px 0 19px}.live-demo-tabs a{font-size:12px;color:#64758c;text-decoration:none;padding:9px 0;border-bottom:2px solid transparent}.live-demo-tabs a[aria-current=page]{color:#23476f;border-color:#2463eb}#live-demo-host h1{font-size:27px;margin:8px 0 10px}.live-demo-description{font-size:13px;line-height:1.8;margin:8px 0 18px;max-width:950px}.live-demo-controls{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin:15px 0 18px;min-height:52px}.demo-field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#56667b;min-width:0}.demo-field input{font:inherit;font-size:13px;border:1px solid #cbd6e5;background:#fff;border-radius:3px;color:#263c5a;padding:7px;min-height:35px}.demo-field input[type=range]{width:175px;padding:0;accent-color:#2463eb}.demo-field input[type=color]{width:80px;height:35px;padding:4px}.demo-field input[type=number]{width:100px}.demo-field input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:#2463eb;align-self:flex-start;margin:7px 0}.live-demo-controls>button,.live-demo-actions>button{font:inherit;font-size:12px;color:#35567d;background:#fff;border:1px solid #ced9e7;border-radius:3px;min-height:36px;padding:8px 14px}.live-demo-controls>button[aria-pressed=true]{border-color:#2463eb;color:#184b99}.live-demo-stage{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:760px}.live-demo-stage figure{margin:0;display:flex;flex-direction:column;align-items:center;min-width:0;border:1px solid #dce3ed;padding:14px;background:#f8fafc}.live-demo-stage canvas{width:100%;height:220px;object-fit:contain;image-rendering:pixelated;background:repeating-conic-gradient(#e1e6ec 0% 25%,#fff 0% 50%) 0 0/14px 14px}.live-demo-stage figcaption{font-size:11px;color:#697a91;padding-top:9px}.live-demo-status{font-size:12px;line-height:1.8;color:#34577e;min-height:24px;margin:13px 0}.live-demo-error{font-size:12px;color:#a62d2d;background:#fff6f4;padding:11px;border:1px solid #edc6bd;line-height:1.7}.live-demo-actions{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.live-demo-actions input[type=file]{max-width:310px;font-size:11px;padding:6px;min-height:38px}.live-demo-actions>button:last-child{border-color:#2463eb;background:#2463eb;color:#fff}.live-demo-actions>button:disabled{opacity:.4}.live-demo-notice{font-size:10px;color:#7d8796;line-height:1.8;max-width:1000px;margin:18px 0 10px}
.audit-sources{flex-wrap:wrap}.audit-sources a{overflow-wrap:anywhere;min-width:0}
.flow-live-link{display:inline-flex;align-items:center;min-height:38px;margin-top:10px;font-size:12px;color:#21589e;text-decoration:underline;text-underline-offset:3px}
@media(min-width:701px) and (max-height:950px){#review-filters{margin:6px 0 10px}.review-row{padding:8px 0}.review-note{margin:4px 0 10px}#review-pager{margin-top:8px}}
@media(max-width:700px){#demos-view{padding-top:18px}.live-demo-tabs{gap:13px;flex-wrap:wrap;margin-bottom:15px}.live-demo-tabs a{font-size:10px;min-height:38px;display:flex;align-items:center;padding:6px 0}#live-demo-host h1{font-size:23px;line-height:1.4}.live-demo-description{font-size:12px}.live-demo-controls{gap:12px}.live-demo-controls .demo-field input[type=range]{width:145px}.live-demo-stage{gap:10px}.live-demo-stage figure{padding:8px}.live-demo-stage canvas{height:145px}.live-demo-stage figcaption{font-size:10px}.live-demo-status{font-size:11px}.live-demo-actions{gap:10px}.live-demo-actions .demo-field{width:100%}.live-demo-actions input[type=file]{max-width:100%;width:100%}.live-demo-actions>button{min-height:40px;font-size:11px;padding:8px 12px}.live-demo-notice{font-size:10px;line-height:1.8}#review-filters{gap:6px}#review-filters button{min-height:38px;font-size:11px;padding:6px 9px}#review-pager button{min-height:40px;font-size:10px;padding:7px 9px}.live-demo-link{min-height:42px;align-items:center}}