:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--text-primary: #e0e0e0;--text-secondary: #b0b0b0;--text-muted: #888888;--border: #404040;--accent: #007acc;--accent-hover: #0088ff;--success: #28a745;--warning: #ffc107;--error: #dc3545}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-primary);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;width:100vw;height:100vh}.visualization-controls{display:none!important}.app-container{width:100vw;height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary)}.menubar{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:8px 16px;display:flex;align-items:center;justify-content:space-between;height:48px;flex-shrink:0}.menubar-left{display:flex;align-items:center;gap:24px}.menubar-right{display:flex;align-items:center}.menubar-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.menubar-buttons{display:flex;gap:8px}.menu-button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:6px 12px;border-radius:4px;cursor:pointer;font-size:13px;transition:all .2s ease}.menu-button:hover{background:var(--accent);border-color:var(--accent)}.menu-button:disabled{opacity:.5;cursor:not-allowed}.manual-update-btn{background:var(--success)!important;border-color:var(--success)!important;color:#fff!important;font-weight:500;box-shadow:0 2px 4px #28a7454d}.manual-update-btn:hover:not(:disabled){background:#218838!important;border-color:#218838!important;box-shadow:0 3px 6px #28a74566;transform:translateY(-1px)}.manual-update-btn:disabled{background:var(--bg-tertiary)!important;border-color:var(--border)!important;color:var(--text-muted)!important;box-shadow:none!important;transform:none!important}.optimize-button{background:#008b8b!important;border-color:#008b8b!important;color:#fff!important;font-weight:400;opacity:.8;margin-left:10px}.optimize-button:hover:not(:disabled){background:#20b2aa!important;border-color:#20b2aa!important;opacity:1;transform:translateY(-1px)}.optimize-button:disabled{background:#555!important;border-color:#555!important;color:#999!important;cursor:not-allowed!important;transform:none!important;opacity:.5!important}.font-controls{display:flex;align-items:center;gap:4px;margin-left:16px;font-size:12px;color:var(--text-secondary)}.font-button{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:4px 8px;border-radius:3px;cursor:pointer;font-size:11px;min-width:24px;transition:all .2s ease}.font-button:hover{background:var(--accent);border-color:var(--accent)}.analysis-control{display:flex;align-items:center;gap:8px;margin-left:20px;font-size:13px;color:var(--text-secondary)}.analysis-control label{color:var(--text-primary);font-weight:500}.analysis-dropdown{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:6px 12px;border-radius:4px;font-size:13px;font-weight:500;min-width:120px;cursor:pointer;transition:all .2s ease}.analysis-dropdown:hover{border-color:var(--accent)}.analysis-dropdown:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #007acc33}.auto-update-control{display:flex;align-items:center;gap:8px;margin-left:16px;padding:4px 8px;background:var(--bg-tertiary);border-radius:4px;border:1px solid var(--border)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-secondary);border:1px solid var(--border);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:var(--text-secondary);transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--accent);border-color:var(--accent)}input:checked+.toggle-slider:before{transform:translate(20px);background-color:#fff}.toggle-label{font-size:12px;color:var(--text-secondary);white-space:nowrap}.manual-update-btn{font-size:11px!important;padding:4px 8px!important;margin-left:4px}.ray-stats-display{display:flex;align-items:center;gap:6px;margin-left:16px;font-size:12px;color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:4px 8px}.ray-stats-display .stats-label{color:var(--text-muted);font-weight:500}.ray-stats-display .stats-value{color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.ray-stats-display .stats-value:not(:last-child){margin-right:8px}.main-content{flex:1;display:flex;overflow:hidden;width:100%;height:calc(100vh - 48px)}.left-column{width:40%;min-width:400px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border)}.yaml-panel{flex:1;display:flex;flex-direction:column;background-color:var(--bg-secondary);overflow:hidden}.yaml-panel.with-analysis{height:57%;min-height:300px;flex:none}.analysis-panel{border-top:1px solid var(--border);display:flex;flex-direction:column;background-color:var(--bg-secondary);height:43%;flex:none}.analysis-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border);padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);flex-shrink:0}.analysis-content{flex:1;padding:0;overflow:hidden;color:var(--text-primary);min-height:0}.placeholder-content{color:var(--text-secondary);font-style:italic}.placeholder-content p{margin:8px 0;line-height:1.4}.hit-map-layout{display:flex;gap:8px;height:100%;padding:8px;min-height:0}.surface-list-container{flex:0 0 200px;min-width:180px;max-width:220px;display:flex;flex-direction:column;min-height:0;margin-right:12px}.surface-list{flex:1;overflow-y:auto;border:1px solid var(--border);border-radius:4px;background-color:var(--bg-secondary);min-height:150px}.surface-list h3{margin:0;padding:8px 10px;font-size:13px;font-weight:600;color:var(--text-primary);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border);text-align:center}.surface-list-header{margin:0;padding:6px 10px;font-size:13px;font-weight:600;color:var(--text-primary);background-color:var(--bg-tertiary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.centroid-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:12px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;padding:2px 4px;border-radius:3px;background:var(--bg-secondary);border:1px solid var(--border)}.centroid-toggle:hover{background:var(--bg-primary)}.centroid-toggle input{width:14px;height:14px;margin:0;cursor:pointer;accent-color:var(--accent)}.centroid-toggle-label{font-size:12px;font-weight:600;line-height:1;min-width:8px;text-align:center}.surface-item{padding:8px 10px;font-size:12px;border-bottom:1px solid var(--border);cursor:pointer;transition:all .2s ease;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surface-item:last-child{border-bottom:none}.surface-item:hover{background-color:var(--bg-tertiary)}.surface-item.selected{background-color:var(--accent);color:#fff}.no-surfaces{padding:12px 10px;text-align:center;color:var(--text-secondary);font-style:italic}.export-csv-button{width:calc(100% - 12px);margin:6px;padding:5px 0;font-size:11px;text-align:center;flex-shrink:0}.no-surfaces p{margin:4px 0;font-size:11px}.hit-map-container{flex:1;min-width:250px;min-height:250px;background-color:var(--bg-primary);border:1px solid var(--border);border-radius:4px;position:relative;order:2;max-height:100%}.hit-map-canvas{width:100%;height:100%;border-radius:4px;background:var(--bg-primary)}.hit-map-empty{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);font-size:11px}.visualization-panel{flex:1;min-width:0;background-color:var(--bg-primary);display:flex;flex-direction:column}.panel-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border);padding:8px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);flex-shrink:0}.yaml-editor-container{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.yaml-editor{flex:1;min-height:0}.yaml-status{background-color:var(--bg-tertiary);border-top:1px solid var(--border);padding:4px 16px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-shrink:0}.yaml-status.error{color:var(--error);background-color:#dc35451a}.yaml-status.success{color:var(--success)}.optimization-status{background-color:var(--bg-tertiary);border-top:1px solid var(--border);padding:4px 16px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px;flex-shrink:0;border-left:3px solid transparent}.optimization-status.error{color:var(--error);background-color:#dc35451a;border-left-color:var(--error)}.optimization-status.success{color:gold;background-color:#ffd70026;border-left-color:gold}.visualization-container{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;width:100%;position:relative}.visualization-placeholder{text-align:center;color:var(--text-muted);border:2px dashed var(--border);border-radius:8px;padding:40px;width:90%;max-width:none}.plotly-container{width:100%;height:100%;min-height:400px}.lower-panel{height:0;transition:height .3s ease;border-top:1px solid var(--border);background-color:var(--bg-secondary);overflow:hidden}.lower-panel.expanded{height:300px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.file-input{display:none}.monaco-editor{background-color:var(--bg-secondary)!important}.monaco-editor .margin{background-color:var(--bg-tertiary)!important}.monaco-editor .squiggly-error{background:url("data:image/svg+xml,%3csvg width='6' height='3' viewBox='0 0 6 3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m0 3 l3 -3 l1 0 l3 3' stroke='%23ff4444' fill='none' stroke-width='1'/%3e%3c/svg%3e") repeat-x bottom left}.monaco-editor .squiggly-warning{background:url("data:image/svg+xml,%3csvg width='6' height='3' viewBox='0 0 6 3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m0 3 l3 -3 l1 0 l3 3' stroke='%23ffaa44' fill='none' stroke-width='1'/%3e%3c/svg%3e") repeat-x bottom left}.monaco-editor .monaco-editor-background{background-color:var(--bg-secondary)!important}.monaco-editor .line-numbers{color:#888!important}.monaco-editor .current-line{background-color:#ffffff1a!important}.monaco-editor .margin-view-overlays .codicon-error{color:#f44!important}.monaco-editor .margin-view-overlays .codicon-warning{color:#fa4!important}@media (max-width: 768px){.main-content{flex-direction:column}.yaml-panel{width:100%;min-width:0;height:50%;border-right:none;border-bottom:1px solid var(--border)}.menubar-title{font-size:14px}.menu-button{padding:4px 8px;font-size:12px}}.convergence-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.convergence-content{background-color:#2d2d2d;border:1px solid #555;border-radius:8px;padding:20px;max-width:80%;max-height:80%;overflow:auto;color:#e0e0e0}.convergence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.convergence-header h3{margin:0;color:#4ecdc4}.close-button{background:#555;border:none;color:#e0e0e0;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:16px}.close-button:hover{background:#666}.convergence-stats{background-color:#1e1e1e;padding:15px;border-radius:4px;margin-bottom:20px}.convergence-stats p{margin:5px 0}.convergence-table-container{max-height:400px;overflow-y:auto;border:1px solid #555;border-radius:4px}.convergence-table{width:100%;border-collapse:collapse;background-color:#1e1e1e}.convergence-table th,.convergence-table td{padding:8px 12px;text-align:left;border-bottom:1px solid #444}.convergence-table th{background-color:#333;font-weight:700;position:sticky;top:0;z-index:1}.convergence-table .initial-row{background-color:#2a2a1a}.variables-cell{display:flex;flex-wrap:wrap;gap:8px}.variable-value{background-color:#333;padding:2px 6px;border-radius:3px;font-size:.9em;font-family:Consolas,monospace}.show-convergence-button{background-color:#4a4a4a;border:1px solid #666;color:#e0e0e0;padding:5px 10px;border-radius:4px;cursor:pointer;margin-left:10px;font-size:12px}.show-convergence-button:hover{background-color:#555}.convergence-panel{margin-top:20px;padding:15px;background-color:#2d2d2d;border-radius:6px;border:1px solid #404040;height:calc(100vh - 200px);display:flex;flex-direction:column}.convergence-panel h4{margin:0 0 15px;color:#00bcd4;font-size:14px;font-weight:600}.convergence-stats{margin-bottom:15px;flex-shrink:0}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.stat-row{display:flex;justify-content:space-between;font-size:12px}.stat-row span:first-child{color:#b0b0b0}.stat-row span:last-child{color:#e0e0e0;font-weight:500}.improvement-positive{color:#4caf50!important}.improvement-negative{color:#ff9800!important}.status-converged{color:#4caf50!important}.status-struggling{color:#ff9800!important}.convergence-table-container{flex:1;overflow-y:auto;border:1px solid #404040;border-radius:4px}.convergence-table{width:100%;border-collapse:collapse;font-size:10px}.convergence-table th{background-color:#404040;color:#e0e0e0;padding:8px 6px;text-align:left;font-weight:600;border-bottom:1px solid #555;position:sticky;top:0;font-size:9px}.convergence-table td{padding:6px 4px;border-bottom:1px solid #333;color:#d0d0d0;vertical-align:top}.convergence-table tr:hover{background-color:#333}.initial-row{background-color:#2a4a2a!important;font-weight:500}.stagnant-row{background-color:#4a2a2a!important}.objective-diverged{color:#ff5722!important;font-weight:700}.objective-change{color:#ffc107;font-family:monospace}.relative-change{color:#ff9800;font-family:monospace}.variables-cell{max-width:120px}.variable-value{display:inline-block;margin-right:6px;margin-bottom:2px;font-size:9px;color:#00bcd4;font-family:monospace}.step-sizes-cell{max-width:120px}.step-size{display:inline-block;margin-right:6px;margin-bottom:2px;font-size:9px;color:#9c27b0;font-family:monospace}.truncation-note{font-size:10px;color:#888;text-align:center;margin-top:8px;font-style:italic}.no-data{color:#888;font-style:italic;font-size:12px;text-align:center;margin:10px 0}.system-overview-panel{padding:20px;background:var(--bg-secondary);border-radius:8px}.system-overview-panel h3{margin-bottom:20px;color:var(--text-primary);font-size:18px;border-bottom:1px solid var(--border);padding-bottom:8px}.system-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:800px}.stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:16px;text-align:center;transition:border-color .2s ease}.stat-card:hover{border-color:var(--accent)}.stat-card .stat-label{display:block;color:var(--text-muted);font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-card .stat-value{display:block;color:var(--text-primary);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}.no-stats{text-align:center;color:var(--text-muted);background:var(--bg-primary);border:1px solid var(--border);border-radius:6px;padding:40px 20px}.no-stats p{margin:0 0 8px;font-size:14px}.no-stats p:last-child{margin-bottom:0;font-style:italic;opacity:.8}.privacy-control{display:flex;align-items:center;margin-right:16px}.privacy-button{background:transparent;border:2px solid var(--border);color:var(--text-primary);padding:6px 12px;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;font-size:14px;font-weight:500}.privacy-button:hover{border-color:var(--accent);background:#007acc1a}.privacy-button.active{background:var(--accent);border-color:var(--accent);color:#fff}.left-column.collapsed{display:none}