.demo-summary{display:flex;flex-shrink:0;align-items:center;gap:12px;height:42px;padding:0 14px;border:0;border-radius:12px;background:#0c1726;color:#e4edfc;font-size:13px;line-height:1.5;white-space:nowrap}
.demo-summary strong{padding:2px 8px;border:1px solid #168bff;border-radius:999px;background:#0b2039;color:#fff;font-size:11px;letter-spacing:.08em}
.demo-summary>span{color:#8997aa}
.demo-summary a{margin-left:12px;color:#fff;font-weight:700;text-decoration:none}
.demo-summary a:hover{text-decoration:underline}
.demo-indicator{display:none;flex-shrink:0}
.demo-badge{display:inline-flex;align-items:center;gap:6px;height:42px;padding:0 10px;border:1px solid #168bff;border-radius:999px;background:#0b2039;color:#fff;font-size:10px;font-weight:700;line-height:16px;letter-spacing:.07em;cursor:pointer}
.demo-badge:hover,.demo-badge[aria-expanded=true]{background:#122137;color:#d3e5ff}
.demo-badge:focus-visible{outline:2px solid #88baff;outline-offset:3px}
.demo-badge i{font-size:10px}
.demo-details{width:260px;max-width:calc(100vw - 24px);padding:16px;font-size:13px;line-height:1.5}
.demo-details strong{display:block;color:#e4edfc;font-size:13px}
.demo-details p{margin:4px 0 12px;color:#9caec4;font-size:12px}
.demo-details a{color:#fff;font-weight:700;white-space:nowrap;text-decoration:none}
.demo-details a:hover{text-decoration:underline}
.demo-notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10000;width:min(540px,calc(100% - 32px));padding:16px 20px;background:#142b4a;color:white;border-radius:12px;box-shadow:0 8px 35px #10264033;font:14px/1.5 system-ui}
[data-demo-disabled]{cursor:not-allowed!important;opacity:.6}
@media(max-width:1399.98px){.demo-summary{display:none}.demo-indicator{display:block}}