:root{--vscode-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--vscode-editor-font-family: "Fira Code", Consolas, "Courier New", monospace;--vscode-foreground: #0f172a;--vscode-descriptionForeground: #64748b;--vscode-editor-background: #ffffff;--vscode-sideBar-background: #f8fafc;--vscode-panel-border: #e2e8f0;--vscode-list-hoverBackground: #f1f5f9;--vscode-list-activeSelectionBackground: #e0f2fe;--vscode-focusBorder: #0284c7;--vscode-textLink-foreground: #0284c7;--vscode-textLink-activeForeground: #0369a1;--vscode-textCodeBlock-background: #f8fafc;--vscode-textPreformat-foreground: #d97706;--timeline-grid-columns: 24px 44px 95px 180px 150px minmax(180px, 1fr) 80px;--timeline-min-width: 760px;--accent-add: #10b981;--accent-add-bg: rgba(16, 185, 129, .08);--accent-add-glow: rgba(16, 185, 129, .15);--accent-del: #ef4444;--accent-del-bg: rgba(239, 68, 68, .08);--accent-del-glow: rgba(239, 68, 68, .15);--accent-rep: #f59e0b;--accent-rep-bg: rgba(245, 158, 11, .08);--accent-rep-glow: rgba(245, 158, 11, .15);--card-bg: #f8fafc;--card-border: #e2e8f0}.fcode-visualizer-theme{font-family:var(--vscode-font-family);color:var(--vscode-foreground);background-color:var(--vscode-editor-background)}.fcode-chart-summary-header{padding:14px 16px 8px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;flex-wrap:wrap;gap:12px;background-color:#fff}.fcode-chart-summary-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:2px}.fcode-chart-summary-subtitle{font-size:12px;font-weight:600;color:#ea580c}.fcode-chart-legend-container{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.fcode-chart-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#334155}.fcode-legend-dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.fcode-legend-dot.green{background-color:#10b981}.fcode-legend-dot.yellow{background-color:#f59e0b}.fcode-legend-dot.orange-hollow{border:2.5px solid #ea580c;background-color:#fff;box-sizing:border-box;width:12px;height:12px}.fcode-chart-wrapper{flex-grow:1;display:flex;position:relative;overflow:hidden;margin:0 16px 12px;border:1px solid #e2e8f0;border-radius:8px;background-color:#fff;height:250px}.fcode-y-axis-container{width:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:28px 8px 42px 0;border-right:1px dashed #cbd5e1;flex-shrink:0;font-size:11px;font-weight:600;color:#64748b;box-sizing:border-box}.fcode-y-axis-right-container{width:95px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:28px 0 42px 8px;border-left:1px dashed #cbd5e1;flex-shrink:0;font-size:9.5px;color:#059669;font-weight:700;box-sizing:border-box}.fcode-y-axis-label{line-height:1;text-align:right;white-space:nowrap}.fcode-chart-scroll-container{flex-grow:1;overflow-x:auto;overflow-y:hidden;position:relative;background-color:#fff}.fcode-chart-content{height:100%;position:relative}.fcode-chart-grid-line{stroke:#e2e8f0;stroke-width:1;stroke-dasharray:4,4}.fcode-event-dot-svg{cursor:pointer;transition:r .15s ease,stroke-width .15s ease}.fcode-event-dot-svg:hover{r:8;stroke-width:4}.fcode-event-dot-svg.active{r:8;stroke-width:4;stroke:var(--vscode-focusBorder)!important}.fcode-event-dot-ai-svg{cursor:pointer}.fcode-event-dot-ai-svg circle{transition:r .15s ease,stroke-width .15s ease,fill .15s ease,stroke .15s ease}.fcode-event-dot-ai-svg:hover circle{r:12.5;fill:#059669;stroke:#10b981!important;stroke-width:2px}.fcode-event-dot-ai-svg.active circle{stroke:var(--vscode-focusBorder)!important;stroke-width:2.5px}.fcode-chart-tooltip{position:fixed;background-color:#fff;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;padding:12px;font-size:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;pointer-events:none;z-index:1000;min-width:240px;max-width:340px;box-sizing:border-box}.fcode-tooltip-time{font-size:11px;color:#64748b;margin-bottom:6px;font-weight:500}.fcode-tooltip-title-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:8px}.fcode-tooltip-title{font-size:13px;font-weight:700;color:#0f172a}.fcode-tooltip-row{display:flex;margin-bottom:4px;font-size:12px;align-items:center}.fcode-tooltip-label{color:#64748b;width:90px;flex-shrink:0;font-weight:500}.fcode-tooltip-value{font-weight:600;word-break:break-all}.fcode-tooltip-prompt-badge{color:#ea580c;font-weight:700;font-size:11px;background-color:#fff7ed;border:1px solid #fed7aa;padding:1px 4px;border-radius:3px}.fcode-tooltip-prompt-text{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:6px;margin-top:6px;font-style:italic;color:#475569;max-height:80px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.fcode-tooltip-files-title{font-weight:600;margin-top:8px;margin-bottom:4px;border-top:1px solid #e2e8f0;padding-top:6px}.fcode-tooltip-file-item{display:flex;justify-content:space-between;font-family:var(--vscode-editor-font-family);font-size:11px;background-color:#f8fafc;padding:2px 6px;border-radius:4px}.fcode-added-count{color:#059669;font-weight:700}.fcode-timeline-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px}.fcode-table-shell{flex-grow:1;overflow:auto;position:relative;background-color:#fff}.fcode-table-header{display:grid;grid-template-columns:var(--timeline-grid-columns);font-size:10px;font-weight:700;text-transform:uppercase;color:#475569;border-bottom:1px solid #e2e8f0;background-color:#f8fafc;padding:8px 0;position:sticky;top:0;z-index:10;min-width:var(--timeline-min-width)}.fcode-table-header-cell{padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.fcode-table-header-cell:first-child{padding:0}.fcode-scroll-container{position:relative;min-width:var(--timeline-min-width);min-height:100%;background-color:#fff}.fcode-timeline-content{position:relative;min-width:var(--timeline-min-width)}.fcode-timeline-ruler{position:absolute;left:0;top:0;bottom:0;width:100px;pointer-events:none}.fcode-vertical-path{display:none!important}.fcode-event-row{position:relative;display:grid;grid-template-columns:var(--timeline-grid-columns);min-height:38px;align-items:center;cursor:pointer;box-sizing:border-box;width:100%;border-bottom:1px solid #f1f5f9;border-left:3px solid transparent;transition:background-color .15s ease,border-left-color .15s ease;color:#1e293b;z-index:2}.fcode-event-row:hover{background-color:#f8fafc}.fcode-event-row.active{background-color:#f0f9ff;color:#0369a1;border-left:3px solid #0284c7}.fcode-event-cell{padding:0 8px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;align-self:center}.fcode-event-cell:first-child{position:relative;align-self:stretch;min-height:38px}.fcode-event-cell.summary-cell{white-space:normal;line-height:1.4;padding:6px 12px 6px 8px;-webkit-user-select:text;user-select:text;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fcode-event-dot{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;z-index:5;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.fcode-event-row:hover .fcode-event-dot{transform:translate(-50%,-50%) scale(1.25)}.fcode-event-row.active .fcode-event-dot{box-shadow:0 0 0 2px #fff,0 0 0 4px #bae6fd}.fcode-timeline-link{color:#0284c7;text-decoration:underline dotted;cursor:pointer;font-weight:500}.fcode-timeline-link:hover{color:#0369a1;opacity:.9}.fcode-source-badge{display:inline-block;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:center;min-width:54px}.fcode-badge-user{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#059669}.fcode-badge-ai{background-color:#fffbeb;border:1px solid #fde68a;color:#d97706}.fcode-badge-external{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626}.fcode-badge-system{background-color:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.fcode-detail-content{flex-grow:1;overflow-y:auto;padding:14px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;height:100%}.fcode-event-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}.fcode-event-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.fcode-event-title{font-size:15px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:6px}.fcode-event-file{font-family:var(--vscode-editor-font-family);font-size:11px;color:#64748b;word-break:break-all}.fcode-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fcode-stat-card{border-radius:6px;padding:8px 4px;display:flex;flex-direction:column;gap:2px;text-align:center;border:1px solid transparent}.fcode-stat-card.add{background-color:#ecfdf5;border-color:#a7f3d0}.fcode-stat-card.add .fcode-stat-value{color:#059669}.fcode-stat-card.del{background-color:#fef2f2;border-color:#fecaca}.fcode-stat-card.del .fcode-stat-value{color:#dc2626}.fcode-stat-card.rep{background-color:#fffbeb;border-color:#fde68a}.fcode-stat-card.rep .fcode-stat-value{color:#d97706}.fcode-stat-label{font-size:9px;font-weight:700;text-transform:uppercase;color:#64748b}.fcode-stat-value{font-size:13px;font-weight:700}.fcode-code-container{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.fcode-code-header{background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:5px 10px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#475569}.fcode-btn-copy{background-color:#fff;color:#334155;border:1px solid #cbd5e1;border-radius:4px;padding:2px 8px;cursor:pointer;font-size:10px;font-weight:600;transition:all .2s}.fcode-btn-copy:hover{background-color:#f8fafc;border-color:#94a3b8}.fcode-code-body{padding:10px;margin:0;overflow-x:auto;font-family:var(--vscode-editor-font-family);font-size:11px;line-height:1.5;color:#c2410c;-webkit-user-select:text;user-select:text;max-height:180px;overflow-y:auto}.fcode-accordion{border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;background:#f8fafc}.fcode-accordion-header{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:10px;font-weight:700;text-transform:uppercase;color:#64748b;transition:background-color .2s}.fcode-accordion-header:hover{background-color:#f1f5f9}.fcode-accordion-content{border-top:1px solid #e2e8f0;max-height:250px;overflow-y:auto;padding:8px;font-family:var(--vscode-editor-font-family);font-size:10.5px;line-height:1.4;color:#334155;background-color:#f8fafc}.fcode-property-list{display:flex;flex-direction:column;gap:6px}.fcode-property-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #f1f5f9}.fcode-property-label{color:#64748b;font-size:11px;font-weight:500}.fcode-property-value{color:#0f172a;font-weight:600;font-size:11px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}