*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#1e1e1e;color:#d4d4d4;padding:20px;line-height:1.6}.container{max-width:1600px;margin:0 auto}h1{color:#4ec9b0;margin-bottom:10px;font-size:2em}.subtitle{color:#9cdcfe;margin-bottom:30px;font-size:1.1em}.controls{background:#252526;padding:20px;border-radius:8px;margin-bottom:30px;box-shadow:0 2px 8px #0000004d}.pr-url-section{margin-bottom:20px}.pr-url-section label{color:#9cdcfe;font-weight:600;display:block;margin-bottom:8px}.pr-url-input-group{display:flex;gap:10px}.pr-url-input-group input[type=text]{flex:1;padding:10px;background:#3c3c3c;border:1px solid #555;border-radius:4px;color:#d4d4d4;font-size:.95em}.pr-url-input-group input[type=text]:focus{outline:none;border-color:#0e639c}.pr-url-input-group button{padding:10px 20px;white-space:nowrap}.divider{text-align:center;margin:20px 0;position:relative}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:45%;height:1px;background:#555}.divider:before{left:0}.divider:after{right:0}.divider span{background:#252526;padding:0 15px;color:#888;font-weight:600}.file-input-wrapper label{color:#9cdcfe;font-weight:600;display:block;margin-bottom:8px}input[type=file]{width:100%;padding:10px;background:#3c3c3c;border:1px solid #555;border-radius:4px;color:#d4d4d4;cursor:pointer;margin-bottom:15px}button{background:#0e639c;color:#fff;border:none;padding:12px 24px;border-radius:4px;cursor:pointer;font-size:1em;font-weight:600}button:hover{background:#17b}button:disabled{background:#555;cursor:not-allowed}.status{margin-top:15px;padding:10px;border-radius:4px;display:none}.status.info{background:#264f78;color:#9cdcfe;display:block}.status.success{background:#1a3d1a;color:#4ec9b0;display:block}.status.error{background:#3d1a1a;color:#f48771;display:block}.results{background:#252526;padding:20px;border-radius:8px}.tabs{display:flex;gap:5px;margin-bottom:20px}.tab{padding:12px 20px;background:#2d2d30;border-radius:4px 4px 0 0;color:#9cdcfe}.tab.active{background:#0e639c;color:#fff}.tab-content{display:none}.tab-content.active{display:block}.spectrum-bar{margin:15px 0;padding:15px;border-radius:6px}.spectrum-label{display:flex;justify-content:space-between;margin-bottom:8px;font-family:Consolas,monospace;font-size:.9em}.bar-container{height:30px;background:#3c3c3c;border-radius:4px;overflow:hidden;position:relative}.bar-fill{height:100%;background:linear-gradient(to right,#0e639c,#4ec9b0);display:flex;align-items:center;padding:0 10px;color:#fff;font-size:.85em;font-weight:600}.bar-fill.anomaly{background:linear-gradient(to right,#f48771,#d7ba7d);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.anomaly-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#f48771;font-weight:700}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.code-panel{background:#1e1e1e;padding:15px;border-radius:4px}.ast-node{margin:5px 0;padding:5px;font-family:Consolas,monospace;font-size:.9em}.node-type{color:#4ec9b0;font-weight:600}.pattern-card{background:#2d2d30;padding:20px;border-radius:6px;margin:15px 0;border-left:4px solid #0e639c}.pattern-card.anomaly{border-left-color:#f48771}.pattern-instances{margin-top:15px}.instance{background:#1e1e1e;padding:10px;border-radius:4px;margin:5px 0;font-family:Consolas,monospace;font-size:.9em}.node-changed{background:#3d1a1a;padding:2px 6px;border-radius:3px;color:#f48771}.z-score-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.85em;font-weight:600;margin-left:10px}.z-score-badge.outlier{background:#5a1e1e;color:#f48771}.z-score-badge.normal{background:#1a3d1a;color:#4ec9b0}.monaco-container{display:flex;gap:15px;height:600px;margin-top:20px}.monaco-panel{flex:1;display:flex;flex-direction:column;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:6px;overflow:hidden}.monaco-panel h3{margin:0;padding:12px;background:#252526;color:#9cdcfe;font-size:.9em;border-bottom:1px solid #3c3c3c}.monaco-editor{flex:1;min-height:0}.diff-line-changed{background:#f8514933!important}.diff-glyph-insert{background:#f85149!important;width:4px!important}#unifiedView{background:#1e1e1e;padding:20px;border-radius:6px;border:1px solid #3c3c3c;font-family:Consolas,Monaco,monospace;font-size:.9em;overflow-x:auto}.diff-section{margin:20px 0}.diff-header{color:#9cdcfe;font-weight:600;margin-bottom:10px;padding:8px;background:#252526;border-radius:4px}.diff-hunk{margin:10px 0}.diff-line{padding:2px 8px;white-space:pre;line-height:1.5}.diff-line-remove{background:#3d1a1a;color:#f85149;border-left:3px solid #f85149}.diff-line-add{background:#1a3d1a;color:#3fb950;border-left:3px solid #3fb950}.diff-line-context{color:#8b949e;background:transparent}.diff-line-change-old{background:#f8514926;color:#f85149;border-left:2px solid #f85149}.diff-line-change-new{background:#3fb95026;color:#3fb950;border-left:2px solid #3fb950}.diff-line-warning{background:#d4a72c33;color:#d4a72c;font-weight:600;padding:8px;margin:10px 0;border-left:4px solid #d4a72c}.diff-critical{background:#f85149;color:#fff;padding:2px 6px;border-radius:3px;font-weight:700;animation:pulse 2s infinite}.diff-line-hunk{background:#1f6feb;color:#fff;font-weight:600;margin:10px 0}.diff-highlight{background:#f85149;color:#fff;padding:2px 4px;border-radius:2px}.tfidf-summary{background:#252526;padding:20px;border-radius:6px;margin-bottom:20px;border-left:4px solid #4ec9b0}.tfidf-summary h3{margin:0 0 15px;color:#4ec9b0}.summary-stats{display:flex;gap:30px;margin:15px 0;flex-wrap:wrap}.summary-stats .stat{color:#9cdcfe}.tfidf-anomalies{display:flex;flex-direction:column;gap:15px}.tfidf-card{background:#2d2d30;padding:20px;border-radius:6px;border-left:4px solid #0e639c}.tfidf-card.critical{border-left-color:#f48771;background:#3d1a1a;animation:pulse 2s infinite}.tfidf-header{display:flex;align-items:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.rank{font-size:1.5em;font-weight:700;color:#9cdcfe}.severity-badge{background:#0e639c;color:#fff;padding:6px 12px;border-radius:4px;font-weight:600;font-size:.9em}.critical-badge{background:#f48771;color:#fff;padding:6px 12px;border-radius:4px;font-weight:700;font-size:.9em;animation:pulse 2s infinite}.tfidf-details{display:flex;flex-direction:column;gap:10px}.detail-row{color:#d4d4d4;line-height:1.6}.detail-row strong{color:#9cdcfe}.detail-row code{background:#1e1e1e;padding:2px 8px;border-radius:3px;color:#4ec9b0;font-family:Consolas,monospace}.change-type{background:#1e1e1e;padding:4px 10px;border-radius:4px;color:#d7ba7d;font-family:Consolas,monospace;font-weight:600}.change-details{background:#1e1e1e;padding:12px;border-radius:4px;margin-top:5px}.old-value{background:#f8514933;color:#f85149;padding:3px 8px;border-radius:3px;font-family:Consolas,monospace;font-weight:600}.new-value{background:#3fb95033;color:#3fb950;padding:3px 8px;border-radius:3px;font-family:Consolas,monospace;font-weight:600}.tfidf-metrics{display:flex;gap:20px;margin-top:10px;padding-top:10px;border-top:1px solid #3c3c3c;flex-wrap:wrap}.tfidf-metrics .metric{color:#9cdcfe;font-size:.9em}.help-text{background:#1e1e1e;border:1px solid #3c3c3c;border-radius:6px;padding:20px;margin-bottom:20px}.help-text h3{color:#4ec9b0;margin:0 0 15px;font-size:1.1em}.help-text p{color:#9cdcfe;margin-bottom:15px;line-height:1.6}.help-text ul{margin-left:20px;color:#d4d4d4}.help-text li{margin:8px 0;line-height:1.6}.help-text li ul{margin-top:8px;margin-bottom:8px}.help-text code{background:#2d2d30;padding:2px 6px;border-radius:3px;color:#d7ba7d;font-family:Consolas,monospace;font-size:.9em}.help-text strong{color:#9cdcfe}.help-text em{color:#4ec9b0;font-style:italic}