.event-demo-page{padding-block:43px 64px}.event-demo-heading{margin-bottom:25px}.event-demo-heading h1{color:var(--strong);letter-spacing:-.05em;margin:0;font-size:clamp(34px,4.5vw,54px);font-weight:790;line-height:1.14}.event-demo-heading p{max-width:695px;color:var(--muted);word-break:keep-all;margin:11px 0 0;font-size:17px}.event-demo-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.88fr) minmax(0,1.1fr);align-items:start;gap:13px;display:grid}.demo-panel{background:#fff;border:1px solid #e8dfef;border-radius:13px;min-width:0;min-height:373px;overflow:hidden}.demo-panel-header{background:#fcf9ff;border-bottom:1px solid #eee6f2;justify-content:space-between;align-items:center;gap:7px;min-height:56px;padding:9px 13px;display:flex}.demo-panel-header h2{color:var(--strong);white-space:nowrap;align-items:center;gap:7px;margin:0;font-size:15px;font-weight:740;display:flex}.demo-panel-header h2 svg{color:var(--purple)}.demo-mode-switch{background:#f6f1fa;border:1px solid #ece4f3;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin:13px 13px 0;padding:3px;display:grid}.demo-mode-switch button{color:#61556c;background:0 0;border:1px solid #0000;border-radius:6px;min-height:34px;padding:3px 5px;font-size:13px;font-weight:650}.demo-mode-switch button:hover{color:var(--purple)}.demo-mode-switch button[aria-pressed=true]{color:var(--purple);background:#fff;border-color:#e5d6f2;font-weight:730}.demo-live-body,.demo-example-body{gap:11px;padding:13px;display:grid}.demo-live-body>p,.demo-example-body>p,.demo-json-note{color:var(--muted);word-break:keep-all;margin:0;font-size:13px;line-height:1.55}.demo-event-cover,.demo-event-frame{background:#f9f4fe;border:1px solid #eee2f4;border-radius:9px;overflow:hidden}.demo-event-cover img{aspect-ratio:660/438;object-fit:cover;width:100%;height:auto;display:block}.demo-event-cover strong{color:var(--strong);padding:8px 10px;font-size:14px;display:block}.demo-event-frame{overscroll-behavior:contain;max-height:min(58svh,490px);overflow:auto}.demo-event-frame .live-sample{box-shadow:none;border:0;border-radius:0}.demo-example-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.demo-example-actions button{min-width:0;min-height:85px;color:var(--strong);text-align:left;background:#fbf7ff;border:1px solid #e8dcf1;border-radius:8px;justify-items:start;gap:3px;padding:8px 9px;display:grid}.demo-example-actions button:hover{background:#f6edfd;border-color:#c9a8e6}.demo-example-actions button svg{color:var(--purple)}.demo-example-actions button strong{font-size:13px}.demo-example-actions button code{color:#644780;font:10px/1.35 var(--mono);overflow-wrap:anywhere}.demo-count{color:#542589;font:11px/1.55 var(--mono);background:#efe4fb;border-radius:4px;padding:0 5px}.demo-quiet-button,.demo-latest{color:#584c65;white-space:nowrap;background:0 0;border:0;border-radius:5px;align-items:center;gap:4px;min-height:30px;padding:3px 5px;font-size:12px;font-weight:660;display:inline-flex}.demo-quiet-button:hover:not(:disabled),.demo-latest:hover{color:var(--purple);background:#f1e8fb}.demo-quiet-button:disabled{opacity:.53}.demo-latest{color:var(--purple);margin:0 10px 10px}.demo-empty{color:#6c5c7b;text-align:center;align-content:center;justify-items:center;gap:6px;min-height:240px;padding:18px;display:grid}.demo-empty svg{color:#7950a5;margin-bottom:4px}.demo-empty strong{color:var(--strong);font-size:15px}.demo-empty p{word-break:keep-all;max-width:190px;margin:0;font-size:13px}.demo-records{overscroll-behavior:contain;gap:5px;max-height:365px;margin:0;padding:10px;list-style:none;display:grid;overflow:auto}.demo-records button{width:100%;min-width:0;color:var(--strong);text-align:left;background:#fff;border:1px solid #eee7f3;border-radius:7px;gap:3px;padding:7px 9px;display:grid}.demo-records button:hover{border-color:#cfb5e8}.demo-records button[aria-pressed=true]{background:#faf3ff;border-color:#c6a4eb}.demo-record-title,.demo-record-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 6px;min-width:0;display:flex}.demo-record-title strong{font-size:13px}.demo-record-meta{color:#685a75;font:10px/1.45 var(--mono)}.demo-record-meta code{overflow-wrap:anywhere}.demo-source{color:#592895;white-space:nowrap;background:#faf3ff;border:1px solid #ead9f8;border-radius:4px;padding:1px 5px;font-size:10.5px;font-weight:710}.demo-source[data-source=live]{color:#246046;background:#effaf4;border-color:#cce6d9}.demo-json-code{margin:11px}.demo-json-code pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:341px;overflow:auto}.demo-json-note{padding:0 12px 12px}.demo-json-note a{color:var(--purple);text-underline-offset:3px;text-decoration:underline}.demo-code-section{margin-top:32px}.demo-code-section>p{color:var(--muted);margin:0 0 10px}.demo-code-section>p a{color:var(--purple);text-underline-offset:3px;text-decoration:underline}.demo-code-section>p code{color:#542589;font:.88em var(--mono);background:#f3eafa;border-radius:4px;padding:2px 4px}.demo-code-section .section-heading{margin-bottom:7px}.demo-code pre{max-height:350px}.demo-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-jump{display:none}@media (max-width:1000px){.event-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-json-panel{grid-column:1/-1;min-height:0}.demo-json-panel .demo-empty{min-height:150px}}@media (max-width:650px){.event-demo-page{padding-block:26px 41px}.event-demo-heading{margin-bottom:17px}.event-demo-heading p{margin-top:8px;font-size:15px}.event-demo-grid{grid-template-columns:minmax(0,1fr)}.demo-panel{min-height:0}.demo-empty,.demo-json-panel .demo-empty{min-height:145px}.demo-code-section{margin-top:24px}.demo-code-section .section-heading{flex-wrap:wrap;gap:3px 8px}.demo-jump{color:var(--purple);text-underline-offset:3px;margin:0 13px 10px;font-size:13px;font-weight:660;text-decoration:underline;display:inline-flex}}