.data-grid,.data-grid *,.data-grid *:before,.data-grid *:after{box-sizing:border-box}.data-grid input,.data-grid button,.data-grid textarea,.data-grid select{font-family:inherit;font-size:inherit}.data-grid button{cursor:pointer;border:none;background:none;padding:0;margin:0}:root{--color-primary: #0066cc;--color-primary-light: #e8f0ff;--color-primary-dark: #004ca3;--color-neutral-dark: #1a1a1a;--color-neutral-light: #f5f5f5;--color-border: #d9d9d9;--color-border-light: #efefef;--color-bg-hover: #f0f0f0;--color-text-primary: #262626;--color-text-secondary: #666666;--grid-border: #e5e7eb;--grid-border-width: 1px;--grid-border-radius: 6px;--grid-bg: #ffffff;--grid-bg-alt: #f9fafb;--grid-header-bg: #f3f4f6;--grid-footer-bg: #f9fafb;--grid-text: #111827;--grid-text-secondary: #6b7280;--grid-text-muted: #9ca3af;--grid-header-text: #374151;--grid-primary: #3b82f6;--grid-primary-hover: #2563eb;--grid-primary-bg: #eff6ff;--grid-primary-hover-bg: #dbeafe;--grid-selected: rgba(59, 130, 246, .08);--grid-hover: #f9fafb;--grid-active: #eff6ff;--grid-cell-padding: 10px 12px;--grid-header-padding: 10px 12px;--grid-font-size: 13px;--grid-font-size-sm: 12px;--grid-header-font-weight: 600;--grid-shadow-light: 0 1px 3px 0 rgba(0, 0, 0, .08);--grid-text-inverse: #ffffff}.data-grid ::-webkit-scrollbar{width:8px;height:8px}.data-grid ::-webkit-scrollbar-track{background:#f1f1f1}.data-grid ::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.data-grid ::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.master-detail-cell{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0}.master-detail-cell-empty{width:100%;height:100%}.master-detail-toggle{background:none;border:none;padding:4px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;transition:all .15s ease;border-radius:4px}.master-detail-toggle:hover{background-color:#0000000d}.master-detail-toggle:focus{outline:2px solid var(--primary-color, #0066cc);outline-offset:2px}.master-detail-toggle:active{transform:scale(.95)}.master-detail-icon{font-size:12px;line-height:1;transition:transform .2s ease;display:inline-block;-webkit-user-select:none;user-select:none}.master-detail-icon.expanded,.master-detail-icon.collapsed{transform:rotate(0)}.detail-row{background-color:var(--detail-row-bg, #f8f9fa);border-top:1px solid var(--border-color, #e0e0e0);border-bottom:1px solid var(--border-color, #e0e0e0);overflow:hidden;transition:max-height .3s ease,opacity .3s ease}.detail-row.expanding{animation:expandDetail .3s ease forwards}.detail-row.collapsing{animation:collapseDetail .3s ease forwards}@keyframes expandDetail{0%{max-height:0;opacity:0}to{max-height:2000px;opacity:1}}@keyframes collapseDetail{0%{max-height:2000px;opacity:1}to{max-height:0;opacity:0}}.detail-row-content{padding:12px;width:100%;box-sizing:border-box}.detail-row-wrapper{display:table-row}.detail-row-cell{display:table-cell;padding:0;vertical-align:top}[data-theme=dark] .master-detail-toggle:hover{background-color:#ffffff1a}[data-theme=dark] .detail-row{background-color:#ffffff08;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.context-menu{position:fixed;background:var(--context-menu-bg, #ffffff);border:1px solid var(--context-menu-border, #d0d0d0);border-radius:6px;box-shadow:0 4px 16px #00000026;min-width:200px;max-width:320px;padding:4px 0;z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--context-menu-text, #333333);-webkit-user-select:none;user-select:none;animation:contextMenuFadeIn .12s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .1s ease;gap:8px;position:relative}.context-menu-item:hover:not(.disabled){background-color:var(--context-menu-hover-bg, #f0f0f0)}.context-menu-item:active:not(.disabled){background-color:var(--context-menu-active-bg, #e5e5e5)}.context-menu-item.disabled{opacity:.4;cursor:not-allowed}.context-menu-item.danger{color:var(--context-menu-danger, #dc3545)}.context-menu-item.danger:hover:not(.disabled){background-color:var(--context-menu-danger-hover-bg, #fff0f0)}.context-menu-icon{font-size:16px;width:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.context-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.context-menu-shortcut{font-size:12px;color:var(--context-menu-shortcut, #888888);margin-left:auto;padding-left:16px}.context-menu-arrow{margin-left:auto;font-size:10px;color:var(--context-menu-arrow, #888888)}.context-menu-separator{height:1px;background-color:var(--context-menu-separator, #e0e0e0);margin:4px 0}.context-menu-item-wrapper{position:relative}.context-menu-submenu{position:absolute;left:100%;top:0;background:var(--context-menu-bg, #ffffff);border:1px solid var(--context-menu-border, #d0d0d0);border-radius:6px;box-shadow:0 4px 16px #00000026;min-width:180px;padding:4px 0;z-index:10001;animation:submenuFadeIn .15s ease-out;margin-left:-4px}@keyframes submenuFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.context-menu-item.has-submenu{padding-right:24px}@media(prefers-color-scheme:dark){.context-menu{--context-menu-bg: #2a2a2a;--context-menu-border: #404040;--context-menu-text: #e0e0e0;--context-menu-hover-bg: #3a3a3a;--context-menu-active-bg: #4a4a4a;--context-menu-separator: #404040;--context-menu-shortcut: #999999;--context-menu-arrow: #999999;--context-menu-danger: #ff6b6b;--context-menu-danger-hover-bg: #3a2a2a}}.data-grid.theme-quartz .context-menu{--context-menu-bg: #ffffff;--context-menu-border: #c5c5c5;--context-menu-text: #000000;--context-menu-hover-bg: #e6f2ff;--context-menu-active-bg: #cce5ff}.data-grid.theme-alpine .context-menu{--context-menu-bg: #f8f9fa;--context-menu-border: #dee2e6;--context-menu-text: #212529;--context-menu-hover-bg: #e9ecef;--context-menu-active-bg: #dee2e6}.data-grid.theme-balham .context-menu{--context-menu-bg: #ffffff;--context-menu-border: #bdc3c7;--context-menu-text: #2c3e50;--context-menu-hover-bg: #ecf0f1;--context-menu-active-bg: #d5dbdb}.data-grid.theme-material .context-menu{--context-menu-bg: #ffffff;--context-menu-border: #e0e0e0;--context-menu-text: #212121;--context-menu-hover-bg: #f5f5f5;--context-menu-active-bg: #eeeeee;border-radius:4px;box-shadow:0 2px 4px #0003}.context-menu-item:focus{outline:2px solid var(--context-menu-focus, #0066cc);outline-offset:-2px}.context-menu-item:focus:not(:focus-visible){outline:none}.market-data-grid{width:100%;height:100%;overflow:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;background:#fff;border:1px solid #e0e0e0}.market-grid-header{position:sticky;top:0;z-index:10;background:#f5f5f5;border-bottom:2px solid #d0d0d0}.market-grid-header-row{display:flex;min-width:100%}.market-grid-header-cell{padding:10px 12px;font-weight:600;color:#333;border-right:1px solid #e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.market-grid-header-cell:last-child{border-right:none}.market-grid-body{min-width:100%}.market-grid-row{display:flex;border-bottom:1px solid #f0f0f0;transition:background-color .1s ease;cursor:pointer}.market-grid-row:hover{background-color:#f9f9f9}.market-grid-row:active{background-color:#f0f0f0}.market-grid-cell{padding:8px 12px;border-right:1px solid #f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;position:relative}.market-grid-cell:last-child{border-right:none}.numeric-cell{justify-content:flex-end;font-variant-numeric:tabular-nums;font-family:Monaco,Menlo,Consolas,monospace}@keyframes flashUp{0%{background-color:#4caf5000}20%{background-color:#4caf5066}to{background-color:#4caf5000}}@keyframes flashDown{0%{background-color:#f4433600}20%{background-color:#f4433666}to{background-color:#f4433600}}.cell-flash-up{animation:flashUp .5s ease-out}.cell-flash-down{animation:flashDown .5s ease-out}.change-positive{color:#4caf50;font-weight:600}.change-negative{color:#f44336;font-weight:600}.market-grid-cell[data-field=bid]{color:#2196f3;font-weight:500}.market-grid-cell[data-field=ask]{color:#ff5722;font-weight:500}.market-grid-cell[data-field=price]{font-weight:700;font-size:14px}.market-grid-cell[data-field=volume],.market-grid-cell[data-field=size]{color:#666;font-size:12px}.market-grid-cell[data-field=symbol],.market-grid-cell[data-field=id]{font-weight:700;color:#1976d2;font-family:Monaco,Menlo,Consolas,monospace}.density-compact .market-grid-header-cell{padding:6px 8px;font-size:12px}.density-compact .market-grid-cell{padding:4px 8px;font-size:12px}.density-compact .market-grid-cell[data-field=price]{font-size:13px}.density-compact .market-grid-row{min-height:28px}.market-grid-cell[data-field=high]{color:#4caf50}.market-grid-cell[data-field=low]{color:#f44336}.market-data-grid.loading{opacity:.6;pointer-events:none}.market-data-grid.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.market-data-grid.paused{border:2px solid #ff9800}.market-data-grid.paused:before{content:"PAUSED";position:absolute;top:10px;right:10px;padding:4px 12px;background:#ff9800;color:#fff;border-radius:4px;font-size:11px;font-weight:700;z-index:1000;letter-spacing:1px}.market-data-grid.throttled{border:2px solid #f44336}.market-data-grid.throttled:before{content:"THROTTLED";position:absolute;top:10px;right:10px;padding:4px 12px;background:#f44336;color:#fff;border-radius:4px;font-size:11px;font-weight:700;z-index:1000;letter-spacing:1px}.market-data-grid::-webkit-scrollbar{width:12px;height:12px}.market-data-grid::-webkit-scrollbar-track{background:#f5f5f5}.market-data-grid::-webkit-scrollbar-thumb{background:#ccc;border-radius:6px}.market-data-grid::-webkit-scrollbar-thumb:hover{background:#999}.market-data-wrapper{position:relative;width:100%;height:100%}.market-metrics-overlay{position:absolute;top:10px;left:10px;background:#000000bf;color:#0f0;padding:8px 12px;border-radius:4px;font-family:Monaco,Menlo,Consolas,monospace;font-size:11px;z-index:1000;pointer-events:none;line-height:1.6}.market-metrics-overlay .metric{display:flex;justify-content:space-between;gap:12px}.market-metrics-overlay .metric-label{color:#888}.market-metrics-overlay .metric-value{color:#0f0;font-weight:700}.market-metrics-overlay .metric-value.warning{color:#ff9800}.market-metrics-overlay .metric-value.critical{color:#f44336}.connection-status{position:absolute;top:10px;right:120px;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;z-index:1000;letter-spacing:.5px}.connection-status.connected{background:#4caf50;color:#fff}.connection-status.connecting{background:#ff9800;color:#fff}.connection-status.disconnected{background:#f44336;color:#fff}.connection-status.reconnecting{background:#ff9800;color:#fff;animation:pulse 1s ease-in-out infinite}@media(max-width:768px){.market-data-grid{font-size:11px}.market-grid-cell{padding:6px 8px}.market-grid-header-cell{padding:8px}}.editor-container{position:relative;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;color:var(--text-color, #333);background:var(--bg-color, #fff);z-index:1000}.editor-input-wrapper{position:relative;display:flex;align-items:center;border:2px solid var(--primary-color, #0066cc);border-radius:4px;background:var(--bg-color, #fff);overflow:hidden}.editor-input-wrapper:focus-within{border-color:var(--primary-color, #0066cc);box-shadow:0 0 0 3px #0066cc1a}.editor-input{flex:1;padding:8px 12px;border:none;outline:none;background:transparent;font-size:14px;color:var(--text-color, #333);font-family:inherit}.editor-input::placeholder{color:var(--text-muted, #999)}.editor-dropdown-icon,.editor-calendar-icon{display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--text-muted, #999);pointer-events:none;-webkit-user-select:none;user-select:none}.editor-input-actions{display:flex;align-items:center;gap:4px;padding-right:8px}.editor-clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--bg-hover, #f0f0f0);border-radius:50%;cursor:pointer;font-size:18px;line-height:1;color:var(--text-muted, #999);padding:0;transition:all .2s}.editor-clear-btn:hover{background:var(--bg-active, #e0e0e0);color:var(--text-color, #333)}.editor-dropdown{position:fixed;background:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:4px;box-shadow:0 4px 12px #00000026;overflow-y:auto;max-height:300px;z-index:10000;margin-top:4px}.editor-dropdown-empty{padding:16px;text-align:center;color:var(--text-muted, #999);font-style:italic}.editor-dropdown-option{display:flex;align-items:center;padding:10px 12px;cursor:pointer;transition:background-color .15s;border-bottom:1px solid var(--border-light, #f0f0f0)}.editor-dropdown-option:last-child{border-bottom:none}.editor-dropdown-option:hover:not(.disabled){background:var(--bg-hover, #f5f5f5)}.editor-dropdown-option.focused:not(.disabled){background:var(--bg-hover, #f0f0f0)}.editor-dropdown-option.selected{background:var(--primary-light, #e6f2ff);color:var(--primary-color, #0066cc)}.editor-dropdown-option.disabled{opacity:.5;cursor:not-allowed}.editor-option-content{display:flex;align-items:center;gap:8px;flex:1}.editor-option-icon{display:flex;align-items:center;font-size:16px}.editor-option-text{flex:1}.editor-option-label{font-weight:500}.editor-option-description{font-size:12px;color:var(--text-muted, #999);margin-top:2px}.editor-richselect-container{min-width:200px}.editor-richselect-input{min-width:150px}.editor-date-container{min-width:250px}.editor-calendar{padding:12px;min-width:280px}.editor-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #ddd)}.editor-calendar-title{font-weight:600;font-size:15px}.editor-calendar-nav{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:20px;color:var(--text-color, #333);transition:background-color .15s}.editor-calendar-nav:hover{background:var(--bg-hover, #f0f0f0)}.editor-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.editor-calendar-weekday{text-align:center;font-size:12px;font-weight:600;color:var(--text-muted, #999);padding:4px}.editor-calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.editor-calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:4px;cursor:pointer;font-size:14px;color:var(--text-color, #333);transition:all .15s}.editor-calendar-day:hover:not(:disabled){background:var(--bg-hover, #f0f0f0)}.editor-calendar-day.today{font-weight:700;color:var(--primary-color, #0066cc)}.editor-calendar-day.selected{background:var(--primary-color, #0066cc);color:#fff;font-weight:600}.editor-calendar-day.other-month{color:var(--text-muted, #ccc)}.editor-calendar-day:disabled{opacity:.3;cursor:not-allowed}.editor-calendar-time{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #ddd)}.editor-time-input{width:100%;padding:8px;border:1px solid var(--border-color, #ddd);border-radius:4px;font-size:14px;font-family:inherit}.editor-numeric-container{min-width:150px}.editor-numeric-input{text-align:right;padding-right:4px}.editor-numeric-prefix,.editor-numeric-suffix{padding:0 8px;color:var(--text-muted, #999);font-weight:500;-webkit-user-select:none;user-select:none}.editor-numeric-steppers{display:flex;flex-direction:column;border-left:1px solid var(--border-color, #ddd)}.editor-numeric-stepper{display:flex;align-items:center;justify-content:center;width:24px;height:50%;border:none;background:transparent;cursor:pointer;font-size:10px;color:var(--text-color, #333);transition:background-color .15s;padding:0}.editor-numeric-stepper:hover:not(:disabled){background:var(--bg-hover, #f0f0f0)}.editor-numeric-stepper:disabled{opacity:.3;cursor:not-allowed}.editor-numeric-increment{border-bottom:1px solid var(--border-color, #ddd)}.editor-numeric-range{display:flex;justify-content:space-between;margin-top:4px;padding:4px 8px;font-size:11px;color:var(--text-muted, #999)}.editor-multiselect-container{min-width:250px}.editor-multiselect-wrapper{flex-wrap:wrap;gap:4px;padding:6px}.editor-multiselect-tags{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.editor-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:var(--primary-light, #e6f2ff);color:var(--primary-color, #0066cc);border-radius:12px;font-size:12px;white-space:nowrap;max-width:150px}.editor-tag-icon{font-size:14px}.editor-tag-label{overflow:hidden;text-overflow:ellipsis}.editor-tag-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;color:currentColor;padding:0;transition:background-color .15s}.editor-tag-remove:hover{background:#0000001a}.editor-tag-collapsed{background:var(--bg-hover, #f0f0f0);color:var(--text-muted, #666);font-weight:500}.editor-multiselect-input{min-width:80px;flex:1;padding:4px}.editor-multiselect-option{gap:8px}.editor-multiselect-checkbox{width:16px;height:16px;margin:0;cursor:pointer}.editor-markdown-container{display:flex;flex-direction:column;min-width:400px;max-width:800px;background:var(--bg-color, #fff);border:2px solid var(--primary-color, #0066cc);border-radius:4px;overflow:hidden}.editor-markdown-toolbar{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid var(--border-color, #ddd);background:var(--bg-light, #f9f9f9)}.editor-markdown-toolbar-group{display:flex;gap:4px}.editor-toolbar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border-color, #ddd);background:var(--bg-color, #fff);border-radius:4px;cursor:pointer;font-size:14px;transition:all .15s}.editor-toolbar-btn:hover{background:var(--bg-hover, #f0f0f0);border-color:var(--primary-color, #0066cc)}.editor-toolbar-btn.active{background:var(--primary-color, #0066cc);color:#fff;border-color:var(--primary-color, #0066cc)}.editor-markdown-content{display:flex;flex:1;overflow:hidden}.editor-markdown-content.split .editor-markdown-editor{width:50%;border-right:1px solid var(--border-color, #ddd)}.editor-markdown-content.split .editor-markdown-preview{width:50%}.editor-markdown-editor{display:flex;flex-direction:column;flex:1;position:relative}.editor-textarea{flex:1;width:100%;padding:12px;border:none;outline:none;resize:none;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;color:var(--text-color, #333);background:var(--bg-color, #fff)}.editor-markdown-char-count{position:absolute;bottom:8px;right:8px;padding:4px 8px;background:var(--bg-light, #f9f9f9);border-radius:4px;font-size:11px;color:var(--text-muted, #999);pointer-events:none}.editor-markdown-char-count.warning{color:var(--danger-color, #d32f2f);font-weight:600}.editor-markdown-preview{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-light, #fafafa)}.editor-markdown-preview-label{padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted, #999);border-bottom:1px solid var(--border-color, #ddd);letter-spacing:.5px}.editor-markdown-preview-content{flex:1;padding:12px;overflow-y:auto;line-height:1.6}.editor-markdown-preview-content h1{font-size:24px;margin:16px 0 8px;color:var(--text-color, #333)}.editor-markdown-preview-content h2{font-size:20px;margin:14px 0 7px;color:var(--text-color, #333)}.editor-markdown-preview-content h3{font-size:16px;margin:12px 0 6px;color:var(--text-color, #333)}.editor-markdown-preview-content p{margin:8px 0}.editor-markdown-preview-content code{padding:2px 6px;background:var(--bg-hover, #f0f0f0);border-radius:3px;font-family:Monaco,Menlo,monospace;font-size:.9em}.editor-markdown-preview-content a{color:var(--primary-color, #0066cc);text-decoration:none}.editor-markdown-preview-content a:hover{text-decoration:underline}.editor-markdown-preview-content ul{margin:8px 0;padding-left:24px}.editor-markdown-preview-content li{margin:4px 0}.editor-markdown-empty{color:var(--text-muted, #999);font-style:italic}.editor-markdown-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-top:1px solid var(--border-color, #ddd);background:var(--bg-light, #f9f9f9)}.editor-markdown-hint{font-size:12px;color:var(--text-muted, #999)}.editor-markdown-hint kbd{padding:2px 6px;background:var(--bg-color, #fff);border:1px solid var(--border-color, #ddd);border-radius:3px;font-family:inherit;font-size:11px;font-weight:600}.editor-markdown-actions{display:flex;gap:8px}.editor-btn{padding:6px 16px;border:1px solid var(--border-color, #ddd);border-radius:4px;background:var(--bg-color, #fff);color:var(--text-color, #333);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.editor-btn:hover{background:var(--bg-hover, #f0f0f0)}.editor-btn-primary{background:var(--primary-color, #0066cc);color:#fff;border-color:var(--primary-color, #0066cc)}.editor-btn-primary:hover{background:var(--primary-dark, #0052a3);border-color:var(--primary-dark, #0052a3)}.editor-btn-secondary{background:transparent}.editor-btn-secondary:hover{background:var(--bg-hover, #f0f0f0)}@media(max-width:768px){.editor-markdown-container{min-width:300px;max-width:100%}.editor-markdown-content.split{flex-direction:column}.editor-markdown-content.split .editor-markdown-editor,.editor-markdown-content.split .editor-markdown-preview{width:100%;border-right:none}.editor-markdown-content.split .editor-markdown-editor{border-bottom:1px solid var(--border-color, #ddd)}}.dark-theme .editor-container{--text-color: #e0e0e0;--text-muted: #999;--bg-color: #1e1e1e;--bg-light: #252525;--bg-hover: #2a2a2a;--bg-active: #333;--border-color: #3a3a3a;--border-light: #2a2a2a;--primary-color: #4a9eff;--primary-light: rgba(74, 158, 255, .2);--primary-dark: #3a8eef;--danger-color: #f44336}.editor-container button:focus-visible,.editor-input:focus-visible,.editor-textarea:focus-visible{outline:2px solid var(--primary-color, #0066cc);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.quick-chart{display:flex;flex-direction:column;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0000001a;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.quick-chart--dark{background:#1a1a1a;color:#fff;box-shadow:0 4px 16px #00000080}.quick-chart__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e0e0e0;background:#f5f5f5}.quick-chart--dark .quick-chart__header{border-bottom-color:#333;background:#252525}.quick-chart__title{margin:0;font-size:16px;font-weight:600;color:#333}.quick-chart--dark .quick-chart__title{color:#fff}.quick-chart__controls{display:flex;gap:8px;align-items:center}.quick-chart__type-selector{display:flex;gap:4px;padding:4px;background:#fff;border-radius:6px;border:1px solid #ddd}.quick-chart--dark .quick-chart__type-selector{background:#2a2a2a;border-color:#444}.quick-chart__type-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .2s}.quick-chart__type-btn:hover{background:#f0f0f0}.quick-chart--dark .quick-chart__type-btn:hover{background:#3a3a3a}.quick-chart__type-btn--active{background:#e3f2fd}.quick-chart--dark .quick-chart__type-btn--active{background:#1e3a5f}.quick-chart__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:16px;transition:all .2s}.quick-chart__btn:hover{background:#f0f0f0;border-color:#999}.quick-chart--dark .quick-chart__btn{background:#2a2a2a;border-color:#444;color:#fff}.quick-chart--dark .quick-chart__btn:hover{background:#3a3a3a;border-color:#666}.quick-chart__close{font-size:24px;line-height:1;color:#666}.quick-chart__close:hover{color:#d32f2f;background:#ffebee}.quick-chart--dark .quick-chart__close{color:#aaa}.quick-chart--dark .quick-chart__close:hover{color:#ff5252;background:#3a1f1f}.quick-chart__body{flex:1;padding:16px;min-height:0}@media(max-width:768px){.quick-chart__header{flex-direction:column;gap:8px;align-items:flex-start}.quick-chart__controls{width:100%;justify-content:flex-end}}.chart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;pointer-events:none}.chart-overlay__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;pointer-events:all;animation:fadeIn .2s ease-out}.chart-overlay__container{position:absolute;pointer-events:all;animation:slideIn .3s ease-out;transition:box-shadow .2s}.chart-overlay__container--draggable{cursor:move}.chart-overlay__container--dragging{cursor:grabbing;box-shadow:0 8px 32px #0003!important;transition:none}.chart-overlay__container--draggable .quick-chart__header{cursor:move}.chart-overlay__container--dragging .quick-chart__header{cursor:grabbing}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:768px){.chart-overlay__container{width:calc(100% - 20px)!important;height:400px!important;left:10px!important;top:50%!important;transform:translateY(-50%)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:1.6;color:#333;background-color:#fafafa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,button,textarea,select{font-family:inherit;font-size:inherit}button{cursor:pointer;border:none;background:none;padding:0;margin:0}:root{--color-primary: #0066cc;--color-primary-light: #e8f0ff;--color-primary-dark: #004ca3;--color-neutral-dark: #1a1a1a;--color-neutral-light: #f5f5f5;--color-border: #d9d9d9;--color-border-light: #efefef;--color-bg-hover: #f0f0f0;--color-text-primary: #262626;--color-text-secondary: #666666;--grid-border: #e5e7eb;--grid-border-width: 1px;--grid-border-radius: 6px;--grid-bg: #ffffff;--grid-bg-alt: #f9fafb;--grid-header-bg: #f3f4f6;--grid-footer-bg: #f9fafb;--grid-text: #111827;--grid-text-secondary: #6b7280;--grid-text-muted: #9ca3af;--grid-header-text: #374151;--grid-primary: #3b82f6;--grid-selected: rgba(59, 130, 246, .08);--grid-hover: #f9fafb;--grid-active: #eff6ff;--grid-cell-padding: 10px 12px;--grid-header-padding: 10px 12px;--grid-font-size: 13px;--grid-font-size-sm: 12px;--grid-header-font-weight: 600;--grid-shadow-light: 0 1px 3px 0 rgba(0, 0, 0, .08);--grid-text-inverse: #ffffff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.virtual-scroller-container{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.virtual-scroller-container::-webkit-scrollbar{-webkit-appearance:none;width:12px;height:12px}.virtual-scroller-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0}.virtual-scroller-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:6px;border:2px solid #f1f1f1}.virtual-scroller-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.hp-root{max-width:1120px;margin:0 auto;padding:0 32px}.hp-hero{padding:72px 0 56px;text-align:center}.hp-hero-inner{max-width:720px;margin:0 auto}.hp-hero-badge{display:inline-block;padding:6px 16px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:24px}.hp-hero-title{font-size:52px;font-weight:800;line-height:1.12;letter-spacing:-.025em;color:#0f172a;margin:0 0 20px}.hp-hero-title-accent{background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hp-hero-subtitle{font-size:18px;line-height:1.7;color:#475569;margin:0 0 36px}.hp-hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hp-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;color:#fff;background:#0f172a;border-radius:10px;text-decoration:none;transition:all .2s;box-shadow:0 1px 3px #0000001f}.hp-btn-primary:hover{background:#1e293b;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.hp-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;text-decoration:none;transition:all .2s}.hp-btn-secondary:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px)}.hp-btn-outline{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;font-size:15px;font-weight:600;color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.35);border-radius:10px;text-decoration:none;transition:all .2s}.hp-btn-outline:hover{background:#ffffff1a;border-color:#fff9}.hp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e2e8f0;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;margin-bottom:80px}.hp-stat-item{background:#fff;padding:28px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.hp-stat-icon{width:44px;height:44px;border-radius:12px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:4px}.hp-stat-value{font-size:28px;font-weight:800;color:#0f172a;letter-spacing:-.02em}.hp-stat-label{font-size:13px;font-weight:500;color:#64748b}.hp-section-header{text-align:center;margin-bottom:40px}.hp-section-title{font-size:34px;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 10px}.hp-section-desc{font-size:17px;color:#64748b;margin:0;line-height:1.6}.hp-install{margin-bottom:80px}.hp-install-card{max-width:680px;margin:0 auto;background:#0f172a;border-radius:16px;padding:28px 28px 24px;box-shadow:0 8px 32px #0f172a2e}.hp-install-step{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hp-install-step-num{width:22px;height:22px;border-radius:50%;background:#3b82f6;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hp-install-step-label{font-size:13px;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.hp-code-block{display:flex;align-items:center;background:#1e293b;border-radius:10px;padding:14px 16px;font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:14px;color:#e2e8f0;gap:12px}.hp-code-block code{flex:1;overflow-x:auto;white-space:nowrap}.hp-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;color:#94a3b8;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.hp-copy-btn:hover{background:#ffffff1f;color:#e2e8f0}.hp-comparison{margin-bottom:80px}.hp-table-wrap{overflow-x:auto;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.hp-table{width:100%;border-collapse:collapse;font-size:15px}.hp-th{padding:16px 24px;text-align:center;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.hp-th-feature{text-align:left}.hp-th-highlight{color:#1d4ed8;background:#eff6ff}.hp-td{padding:14px 24px;border-bottom:1px solid #f1f5f9;color:#475569}.hp-td-feature{font-weight:600;color:#1e293b}.hp-td-center{text-align:center}.hp-td-ours{background:#fafffe}.hp-table tbody tr:last-child .hp-td{border-bottom:none}.hp-table tbody tr:hover{background:#f8fafc}.hp-table tbody tr:hover .hp-td-ours{background:#f0fdf4}.hp-check,.hp-cross{display:inline-block;vertical-align:middle}.hp-badge-free{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:700;color:#15803d;background:#dcfce7}.hp-features{margin-bottom:80px}.hp-features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.hp-feature-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:28px;transition:box-shadow .2s,transform .2s}.hp-feature-card:hover{box-shadow:0 8px 24px #00000012;transform:translateY(-3px)}.hp-feature-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.hp-feature-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 8px}.hp-feature-desc{font-size:14px;line-height:1.6;color:#64748b;margin:0 0 16px}.hp-feature-tags{display:flex;flex-wrap:wrap;gap:6px}.hp-feature-tag{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:#f1f5f9;color:#475569;letter-spacing:.02em}.hp-cta{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:64px 40px;text-align:center;margin-bottom:48px}.hp-cta-inner{max-width:560px;margin:0 auto}.hp-cta-title{font-size:30px;font-weight:800;color:#fff;margin:0 0 14px}.hp-cta-desc{font-size:16px;line-height:1.7;color:#94a3b8;margin:0 0 28px}.hp-cta-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hp-footer{text-align:center;padding:32px 0 40px;color:#94a3b8;font-size:13px}.hp-footer p{margin:0}.hp-footer-links{margin-top:8px;display:flex;align-items:center;gap:8px;justify-content:center}.hp-footer-links a{color:#64748b;text-decoration:none;font-weight:500;transition:color .15s}.hp-footer-links a:hover{color:#2563eb}.hp-footer-dot{color:#cbd5e1}@media(max-width:768px){.hp-root{padding:0 16px}.hp-hero{padding:48px 0 40px}.hp-hero-title{font-size:34px}.hp-hero-subtitle{font-size:16px}.hp-stats{grid-template-columns:repeat(2,1fr);margin-bottom:56px}.hp-stat-value{font-size:22px}.hp-section-title{font-size:26px}.hp-install-card{padding:20px}.hp-code-block{font-size:12px;padding:12px}.hp-features-grid{grid-template-columns:1fr}.hp-cta{padding:40px 24px}.hp-cta-title{font-size:24px}.hp-table{font-size:13px}.hp-th,.hp-td{padding:12px 14px}}.live-market-demo{padding:20px;max-width:100%;height:100vh;display:flex;flex-direction:column;background:#fafafa}.demo-header{margin-bottom:20px}.demo-header h1{margin:0 0 8px;font-size:28px;color:#1976d2;font-weight:700}.demo-description{margin:0;color:#666;font-size:14px}.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.control-group{display:flex;gap:12px;flex-wrap:wrap}.control-btn{padding:10px 20px;border:2px solid #e0e0e0;background:#fff;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.control-btn:hover{border-color:#2196f3;background:#f5f9ff}.control-btn.active{border-color:#2196f3;background:#2196f3;color:#fff}.control-btn.paused{border-color:#ff9800;background:#ff9800;color:#fff}.connection-info{display:flex;gap:12px;align-items:center}.status-badge{padding:6px 14px;border-radius:16px;font-size:11px;font-weight:700;letter-spacing:.5px}.status-badge.connected{background:#4caf50;color:#fff}.status-badge.connecting{background:#ff9800;color:#fff}.status-badge.disconnected{background:#f44336;color:#fff}.status-badge.reconnecting{background:#ff9800;color:#fff;animation:pulse-badge 1s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.6}}.metric-badge{padding:6px 12px;background:#e3f2fd;border-radius:4px;font-size:13px;font-weight:600;color:#1976d2}.metrics-panel{display:flex;gap:20px;padding:12px 16px;background:#000000d9;border-radius:6px;margin-bottom:16px;flex-wrap:wrap}.metric-item{display:flex;gap:8px;align-items:center}.metric-label{color:#888;font-size:13px;font-weight:500}.metric-value{color:#0f0;font-size:14px;font-weight:700;font-family:Monaco,Menlo,Consolas,monospace}.metric-value.warning{color:#ff9800}.metric-value.critical{color:#f44336}.metric-item.warning{padding:4px 12px;background:#ff980033;border-radius:4px}.grid-container{flex:1;min-height:600px;overflow:hidden;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;position:relative}.grid-container.paused{border:3px solid #ff9800}.grid-container.throttled{border:3px solid #f44336}.grid-container.paused:before{content:"PAUSED";position:absolute;top:16px;right:16px;padding:8px 16px;background:#ff9800;color:#fff;border-radius:6px;font-size:12px;font-weight:700;z-index:1000;letter-spacing:1px;box-shadow:0 2px 6px #0003}.grid-container.throttled:after{content:"CPU THROTTLED";position:absolute;top:56px;right:16px;padding:8px 16px;background:#f44336;color:#fff;border-radius:6px;font-size:12px;font-weight:700;z-index:1000;letter-spacing:1px;box-shadow:0 2px 6px #0003;animation:pulse-warning 1s ease-in-out infinite}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.7}}.demo-footer{margin-top:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.demo-footer p{margin:0;color:#666;font-size:13px;line-height:1.6}.demo-footer strong{color:#333}@media(max-width:1024px){.demo-controls{flex-direction:column;align-items:stretch}.connection-info,.metrics-panel{justify-content:center}}@media(max-width:768px){.live-market-demo{padding:12px}.demo-header h1{font-size:22px}.control-btn{padding:8px 16px;font-size:13px}.metrics-panel{font-size:12px}}.charts-demo{padding:20px;max-width:1400px;margin:0 auto}.charts-demo__header{margin-bottom:24px}.charts-demo__title{font-size:32px;font-weight:700;margin:0 0 12px;color:#1a1a1a}.charts-demo__description{font-size:16px;color:#666;line-height:1.6;margin:0}.charts-demo__instructions{background:#f5f5f5;border-radius:8px;padding:20px;margin-bottom:24px;border-left:4px solid #2196f3}.charts-demo__instructions h2{margin:0 0 12px;font-size:18px;color:#1a1a1a}.charts-demo__instructions ol{margin:0;padding-left:24px}.charts-demo__instructions li{margin-bottom:8px;line-height:1.6;color:#444}.charts-demo__toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap}.charts-demo__btn{padding:10px 18px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.charts-demo__btn:hover:not(:disabled){background:#f5f5f5;border-color:#999;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.charts-demo__btn:disabled{opacity:.5;cursor:not-allowed}.charts-demo__btn--primary{background:#2196f3;color:#fff;border-color:#2196f3}.charts-demo__btn--primary:hover:not(:disabled){background:#1976d2;border-color:#1976d2}.charts-demo__selection-info{margin-left:auto;padding:8px 12px;background:#e3f2fd;border-radius:4px;font-size:13px;color:#1565c0;font-weight:500}.charts-demo__grid-container{margin-bottom:40px;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014}.charts-demo__code-section{margin-bottom:40px}.charts-demo__code-section h2{font-size:24px;margin-bottom:16px;color:#1a1a1a}.charts-demo__features{margin-top:40px}.charts-demo__features h2{font-size:24px;margin-bottom:20px;color:#1a1a1a}.charts-demo__feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.charts-demo__feature{background:#fff;padding:24px;border-radius:8px;box-shadow:0 2px 8px #00000014;transition:transform .2s,box-shadow .2s}.charts-demo__feature:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.charts-demo__feature h3{margin:0 0 8px;font-size:18px;color:#1a1a1a}.charts-demo__feature p{margin:0;color:#666;line-height:1.6}.profit-positive{color:#2e7d32;font-weight:600}.profit-negative{color:#c62828;font-weight:600}@media(max-width:768px){.charts-demo{padding:16px}.charts-demo__title{font-size:24px}.charts-demo__toolbar{flex-direction:column;align-items:stretch}.charts-demo__btn{width:100%;justify-content:center}.charts-demo__selection-info{margin-left:0;text-align:center}.charts-demo__feature-grid{grid-template-columns:1fr}}#root{height:100%;width:100%}.btn-primary{background-color:#06c;color:#fff;padding:8px 16px;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:none}.btn-primary:hover{background-color:#0052a3;box-shadow:0 2px 8px #06c3}.btn-primary:active{background-color:#003d7a;transform:translateY(1px)}.btn-secondary{background-color:#fff;color:#262626;border:1px solid #d9d9d9;padding:8px 16px;border-radius:4px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background-color:#f5f5f5;border-color:#bfbfbf}.datagrid-container{background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;overflow:hidden;box-shadow:0 1px 3px #00000014}.datagrid-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#fafafa;border-bottom:1px solid #efefef;gap:12px}.datagrid-toolbar-title{font-weight:600;color:#262626;font-size:14px}.filter-input{padding:6px 12px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;transition:all .2s ease}.filter-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.loading-state{display:flex;align-items:center;justify-content:center;height:400px;color:#8c8c8c;font-size:14px}@media(max-width:768px){.datagrid-toolbar{flex-direction:column;align-items:flex-start}}