.basic-example[data-v-72f57e90]{padding:20px;max-width:1400px;margin:0 auto}.example-header[data-v-72f57e90]{margin-bottom:20px;text-align:center}.example-header h2[data-v-72f57e90]{margin:0 0 8px 0;color:#303133}.example-header p[data-v-72f57e90]{margin:0;color:#333;font-size:1rem}.example-content[data-v-72f57e90]{display:grid;grid-template-columns:300px 1fr;gap:20px;margin-bottom:20px}.renderer-container[data-v-72f57e90]{min-height:400px}.no-renderer[data-v-72f57e90]{padding:60px 20px;text-align:center}.debug-panel[data-v-72f57e90]{margin-top:20px}.debug-content[data-v-72f57e90]{max-height:400px;overflow-y:auto}.debug-content pre[data-v-72f57e90]{background-color:#f5f5f5;padding:12px;border-radius:4px;font-size:.857rem;line-height:1.4;margin:0}.no-data[data-v-72f57e90]{text-align:center;padding:40px 20px;color:#909399;font-size:1rem}.event-log[data-v-72f57e90]{font-family:Courier New,monospace;font-size:.857rem}.event-item[data-v-72f57e90]{display:flex;padding:4px 8px;border-bottom:1px solid #f0f0f0;align-items:center}.event-item[data-v-72f57e90]:hover{background-color:#f8f9fa}.event-time[data-v-72f57e90]{width:80px;color:#909399;font-size:.786rem}.event-type[data-v-72f57e90]{width:80px;font-weight:600;text-transform:uppercase}.event-message[data-v-72f57e90]{flex:1;color:#333}.event-success .event-type[data-v-72f57e90]{color:#67c23a}.event-warning .event-type[data-v-72f57e90]{color:#e6a23c}.event-error .event-type[data-v-72f57e90]{color:#f56c6c}.event-info .event-type[data-v-72f57e90]{color:#409eff}.debug-actions[data-v-72f57e90]{margin-top:16px;padding-top:16px;border-top:1px solid #e4e7ed;text-align:right}.debug-actions .el-button[data-v-72f57e90]{margin-left:8px}@media (max-width:1200px){.example-content[data-v-72f57e90]{grid-template-columns:1fr}}@media (max-width:768px){.basic-example[data-v-72f57e90]{padding:10px}.debug-content[data-v-72f57e90]{max-height:300px}.debug-actions[data-v-72f57e90]{text-align:center}.debug-actions .el-button[data-v-72f57e90]{margin:4px}}