html { scroll-behavior:smooth; }
.demo-toast {position:fixed;left:50%;top:28px;transform:translateX(-50%);z-index:999999;background:white;color:#333;padding:12px 24px;border-radius:6px;box-shadow:0 4px 24px #0002;font:14px 'PingFang SC',sans-serif;}
input[type=checkbox],input[type=radio],button {cursor:pointer;}
.demo-date {border:1px solid #d9d9d9;border-radius:4px;padding:5px 9px;color:#333;background:white;font:inherit;}
.demo-data-notice {padding:10px 24px;background:#f0f5ff;border-bottom:1px solid #d6e4ff;color:#6c7892;font-size:12px;line-height:1.7;}
.demo-hint {font-size:12px;color:#8590a6;line-height:1.8;margin:8px 0;}
.demo-hint button,.demo-metric-toolbar button,.demo-output-header button,.demo-templates button {background:#fff;border:1px solid #d9e0ef;border-radius:4px;color:#597ef7;padding:4px 10px;margin:0 4px;cursor:pointer;font:inherit;}
.demo-extra-filters {margin:12px 0 24px 105px;display:flex;align-items:center;gap:12px;}
.demo-extra-filters[hidden],.demo-templates[hidden] {display:none!important;}
.demo-extra-filters select {min-width:310px;max-width:570px;height:96px;border:1px solid #d9d9d9;border-radius:4px;color:#333;}
.demo-metric-toolbar {display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;align-items:center;}
.demo-metric-toolbar input {border:1px solid #d9d9d9;border-radius:4px;padding:6px 10px;min-width:245px;font:inherit;}
.demo-metric-tag {display:inline-flex;align-items:center;margin:3px!important;cursor:grab!important;}
.demo-tag-close {border:0;background:none;color:#8c8c8c;padding:0 0 0 6px;line-height:18px;}
.demo-summary {padding:12px 20px;margin:12px 24px 16px;background:#f5f7fc;color:#62718c;border-radius:4px;font-size:13px;}
.demo-error {color:#cf1322;background:#fff1f0;}
.demo-button {background:white;border:1px solid #597ef7;border-radius:4px;color:#597ef7;padding:4px 15px;height:32px;margin-right:12px;}
.demo-output {margin:20px 24px 36px;background:#fff;border:1px solid #e8edf5;border-radius:6px;padding:18px;}
.demo-output-header {display:flex;align-items:center;gap:18px;margin-bottom:14px;}.demo-output-header span {font-size:12px;color:#8590a6;}
.demo-table-wrap {max-height:500px;overflow:auto;}.demo-table-wrap table {border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px;}.demo-table-wrap th,.demo-table-wrap td {border:1px solid #e8edf5;padding:10px 14px;text-align:right;}.demo-table-wrap th {background:#f5f7fc;position:sticky;top:0;color:#56627b;}.demo-table-wrap tr:nth-child(even) {background:#fafbfe;}
.demo-templates {padding:28px;min-height:600px;}.demo-templates h2 {font-size:20px;}.demo-templates p {color:#8c8c8c;}.demo-history-row {display:flex;align-items:center;gap:16px;border-bottom:1px solid #edf0f5;padding:15px 0;}.demo-history-row span {font-size:12px;color:#8590a6;flex:1;}