@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@300;400;500;600&display=swap";*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--void: #1e1e1e;--panel: #252526;--surface: #2d2d2d;--elevated: #3c3c3c;--border: #404040;--border-glow: #505050;--phosphor: #569cd6;--phosphor-dim: #4a8bc2;--phosphor-glow: transparent;--phosphor-subtle: rgba(86, 156, 214, .1);--text-bright: #e8eaed;--text-primary: #b8bcc4;--text-secondary: #6b7280;--text-muted: #404550;--signal-excellent: #4ec9b0;--signal-good: #b5cea8;--signal-warning: #dcdcaa;--signal-critical: #f14c4c;--signal-info: #569cd6;--heat-cold: #1a2a4a;--heat-cool: #2a4a6a;--heat-warm: #6a4a2a;--heat-hot: #8a2a2a;--heat-critical: #cc2222;--font-display: "JetBrains Mono", monospace;--font-body: "IBM Plex Mono", monospace;--font-code: "JetBrains Mono", monospace;--text-2xs: .625rem;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .8125rem;--text-md: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--shadow-glow: none;--shadow-panel: 0 2px 8px rgba(0, 0, 0, .3);--shadow-inset: none;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--header-height: 52px;--toolbar-height: 40px;--sidebar-width: 280px;--results-width: 420px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.6;color:var(--text-primary);background:var(--void);overflow:hidden}body:before{display:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-glow)}.app{display:flex;flex-direction:column;height:100vh;background:var(--void)}.header{display:flex;align-items:center;height:var(--header-height);padding:0 var(--space-5);background:var(--panel);border-bottom:1px solid var(--border);gap:var(--space-4);flex-shrink:0;position:relative}.header:before{display:none}.header-left{flex:1;display:flex;align-items:center;gap:var(--space-4)}.header-center{display:flex;justify-content:center;align-items:center;gap:var(--space-3)}.diff-mode-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,#638cff26,#8c63ff26);border:1px solid rgba(99,140,255,.4);border-radius:var(--radius-md);font-family:var(--font-code);font-size:var(--text-xs);color:#638cff;animation:diff-badge-pulse 2s ease-in-out infinite}@keyframes diff-badge-pulse{0%,to{border-color:var(--phosphor)}}.diff-mode-icon{font-size:var(--text-sm)}.diff-mode-text{font-weight:600;text-transform:uppercase;letter-spacing:.05em}.diff-mode-exit{background:transparent;border:none;color:#638cffb3;font-size:var(--text-md);cursor:pointer;padding:0 2px;margin-left:var(--space-1);line-height:1;transition:color .15s ease}.diff-mode-exit:hover{color:#ff6b6b}.header-right,.logo{display:flex;align-items:center;gap:var(--space-3)}.logo-mark{position:relative;width:24px;height:24px}.logo-layer{position:absolute;border:2px solid;border-right:none;border-radius:3px 0 0 3px}.logo-layer.l3{inset:0;border-color:var(--signal-warning)}.logo-layer.l2{inset:4px 0 4px 4px;border-color:var(--signal-good)}.logo-layer.l1{inset:8px 0 8px 8px;border-color:var(--signal-excellent)}.logo-title{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--text-bright);letter-spacing:.03em}button{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;cursor:pointer;border:none;transition:all var(--duration-fast) var(--ease-out)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md)}.btn:hover{background:var(--elevated);border-color:var(--border-glow);color:var(--text-bright)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--phosphor);color:#fff;border:1px solid var(--phosphor);font-weight:500;padding:var(--space-2) var(--space-5)}.btn-primary:hover{background:var(--phosphor-dim);border-color:var(--phosphor-dim)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-cancel{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);font-weight:500;padding:6px 12px;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);line-height:1}.btn-cancel:hover{background:var(--signal-critical);border-color:var(--signal-critical);color:#fff}.btn-cancel .cancel-x{font-size:14px;font-weight:400;opacity:.6}.btn-cancel:hover .cancel-x{opacity:1}.btn-spinner{width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--phosphor);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}.btn-compare{background:var(--elevated);color:var(--text-primary);border:1px solid var(--border);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.btn-compare:hover,.btn-compare.has-baseline{border-color:var(--signal-info);color:var(--signal-info)}.btn-compare.active{background:var(--signal-info);border-color:var(--signal-info);color:var(--void)}.btn-compare.active:hover{background:var(--signal-info);filter:brightness(1.1);color:var(--void)}.btn-clear-baseline{color:var(--text-dim);font-size:var(--text-lg)}.btn-clear-baseline:hover{color:var(--signal-critical)}.export-dropdown{position:relative;display:inline-block}.btn-export{background:var(--elevated);color:var(--text-primary);border:1px solid var(--border);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.btn-export:hover{border-color:var(--signal-success);color:var(--signal-success)}.export-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;z-index:100;min-width:80px;box-shadow:0 4px 12px #0000004d}.export-dropdown:hover .export-menu{display:block}.export-menu button{display:block;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-display);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--duration-fast)}.export-menu button:hover{background:var(--elevated);color:var(--signal-success)}.btn-icon{width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;color:var(--text-secondary);border-radius:var(--radius-md)}.btn-icon:hover{background:var(--surface);border-color:var(--border);color:var(--text-bright)}select{font-family:var(--font-display);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);padding-right:var(--space-6);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all var(--duration-fast) var(--ease-out)}select:hover{border-color:var(--border-glow);background-color:var(--elevated)}select:focus{outline:none;border-color:var(--phosphor-dim);box-shadow:0 0 0 2px var(--phosphor-glow)}.styled-select{position:relative;display:inline-block;font-family:var(--font-display);font-size:var(--text-sm)}.styled-select:focus{outline:none}.styled-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);min-width:120px}.styled-select-trigger:hover{border-color:var(--border-glow);background-color:var(--elevated)}.styled-select.open .styled-select-trigger{border-color:var(--phosphor-dim);box-shadow:0 0 0 2px var(--phosphor-glow)}.styled-select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styled-select-arrow{font-size:8px;color:var(--text-secondary);transition:transform var(--duration-fast) var(--ease-out)}.styled-select.open .styled-select-arrow{transform:rotate(180deg)}.styled-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:160px;max-height:280px;overflow-y:auto;background:var(--panel);border:1px solid var(--border-glow);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);z-index:1000;animation:dropdown-appear .15s var(--ease-out)}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.styled-select-group{padding:var(--space-1) 0}.styled-select-group:not(:first-child){border-top:1px solid var(--border)}.styled-select-group-label{padding:var(--space-2) var(--space-3);font-size:var(--text-2xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.styled-select-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);padding-left:var(--space-6);color:var(--text-primary);cursor:pointer;transition:background var(--duration-fast);position:relative}.styled-select-option:hover,.styled-select-option.highlighted{background:var(--elevated)}.styled-select-option.selected{color:var(--phosphor)}.styled-select-option .check-mark{position:absolute;left:var(--space-2);color:var(--phosphor);font-size:var(--text-sm)}.styled-select-option .option-content{display:flex;flex-direction:column;gap:2px}.styled-select-option .option-label{font-weight:500}.styled-select-option .option-desc{font-size:var(--text-2xs);color:var(--text-secondary);font-weight:400}.styled-select-option.highlighted .option-desc,.styled-select-option:hover .option-desc{color:var(--text-primary)}.styled-select-dropdown::-webkit-scrollbar{width:6px}.styled-select-dropdown::-webkit-scrollbar-track{background:var(--surface)}.styled-select-dropdown::-webkit-scrollbar-thumb{background:var(--border-glow);border-radius:3px}.styled-select-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.workspace{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;flex-shrink:0;position:relative;transition:width .2s ease}.sidebar.collapsed{width:32px}.sidebar-toggle{position:absolute;top:var(--space-3);right:var(--space-2);width:24px;height:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;z-index:10}.sidebar-toggle:hover{background:var(--elevated);color:var(--phosphor);border-color:var(--phosphor-dim)}.sidebar.collapsed .sidebar-toggle{right:4px}.sidebar-section{padding:var(--space-4);border-bottom:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-section:last-child{flex:1;border-bottom:none}.sidebar-title{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:600;color:var(--phosphor);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.sidebar-title:before{content:"▸";font-size:8px}.example-list{display:flex;flex-direction:column;gap:var(--space-1);overflow-y:auto;flex:1}.example-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);text-align:left;width:100%}.example-item:hover{background:var(--surface);border-color:var(--border)}.example-item.active{background:var(--phosphor-subtle);border-color:var(--phosphor-dim)}.example-item.active .example-name{color:var(--phosphor)}.example-name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.example-desc{font-size:var(--text-xs);color:var(--text-secondary)}.example-lang{font-family:var(--font-code);font-size:var(--text-2xs);padding:2px 6px;background:var(--phosphor-subtle);border:1px solid var(--phosphor-dim);border-radius:var(--radius-sm);color:var(--phosphor);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0;font-weight:600}.example-lang.cpp{background:#638cff26;border-color:#638cff80;color:#638cff}.example-item.active .example-lang{background:var(--phosphor-glow);border-color:var(--phosphor);color:var(--phosphor)}.language-filter{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.language-filter-btn{flex:1;padding:var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:500;background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.language-filter-btn:hover{background:var(--surface);color:var(--text-primary)}.language-filter-btn.active{background:var(--phosphor-subtle);border-color:var(--phosphor-dim);color:var(--phosphor)}.editor-area{flex:1;display:flex;flex-direction:column;background:var(--void);overflow:hidden}.tab-bar{display:flex;align-items:stretch;height:var(--toolbar-height);background:var(--panel);border-bottom:1px solid var(--border);padding:0 var(--space-2);gap:var(--space-1)}.tab{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-4);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.tab:hover{color:var(--text-primary);background:var(--surface)}.tab.active{color:var(--phosphor);border-bottom-color:var(--phosphor);background:var(--phosphor-subtle)}.tab-lang{font-size:var(--text-2xs);padding:2px 6px;background:var(--surface);border-radius:var(--radius-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tab.active .tab-lang{background:var(--phosphor-glow);color:var(--phosphor-dim)}.editor-container{flex:1;position:relative;background:var(--void)}.diff-labels{display:flex;height:28px;background:var(--surface);border-bottom:1px solid var(--border)}.diff-label{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em}.diff-label.baseline{color:var(--signal-critical);background:#ef44441a;border-right:1px solid var(--border)}.diff-label.current{color:var(--signal-success);background:#10b9811a}.status-bar{display:flex;align-items:center;justify-content:space-between;height:24px;padding:0 var(--space-4);background:var(--panel);border-top:1px solid var(--border);font-family:var(--font-display);font-size:var(--text-2xs);color:var(--text-muted)}.status-bar-left,.status-bar-right{display:flex;align-items:center;gap:var(--space-4)}.status-item{display:flex;align-items:center;gap:var(--space-1)}.status-indicator{width:6px;height:6px;border-radius:50%;background:var(--phosphor);box-shadow:0 0 6px var(--phosphor)}.status-indicator.idle{background:var(--text-muted);box-shadow:none}.status-indicator.running{background:var(--signal-warning);box-shadow:0 0 6px var(--signal-warning);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.results-panel{width:var(--results-width);background:var(--panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.results-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border)}.results-title{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--phosphor);text-transform:uppercase;letter-spacing:.15em}.results-scroll{flex:1;overflow-y:auto;padding:var(--space-4)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-5)}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);text-align:center;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--border)}.metric-card.excellent:before{background:var(--signal-excellent);box-shadow:0 0 10px var(--phosphor-glow)}.metric-card.good:before{background:var(--signal-good)}.metric-card.warning:before{background:var(--signal-warning)}.metric-card.critical:before{background:var(--signal-critical)}.metric-label{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.metric-value{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--text-bright);line-height:1}.metric-card.excellent .metric-value{color:var(--signal-excellent);text-shadow:0 0 20px var(--phosphor-glow)}.metric-unit{font-size:var(--text-sm);color:var(--text-secondary);margin-left:2px}.metric-delta{font-family:var(--font-code);font-size:var(--text-sm);font-weight:500;margin-left:var(--space-2);padding:2px 6px;border-radius:var(--radius-sm)}.metric-delta.positive{color:var(--signal-good);background:#00ff8826}.metric-delta.negative{color:var(--signal-critical);background:#ff4d4d26}.timing-delta{font-family:var(--font-code);font-size:var(--text-xs);font-weight:500;margin-left:var(--space-2);padding:2px 5px;border-radius:var(--radius-sm)}.timing-delta.better{color:var(--signal-good);background:#00ff8826}.timing-delta.worse{color:var(--signal-critical);background:#ff4d4d26}.timing-delta.neutral{color:var(--text-muted)}.timing-avg{margin-left:var(--space-1)}.timing-delta-inline{margin-left:2px;font-weight:600}.timing-delta-inline.better{color:var(--signal-good)}.timing-delta-inline.worse{color:var(--signal-critical)}.memory-delta{font-family:var(--font-code);font-size:var(--text-xs);font-weight:500;margin-left:var(--space-2);padding:2px 5px;border-radius:var(--radius-sm)}.memory-delta.better{color:var(--signal-good);background:#00ff8826}.memory-delta.worse{color:var(--signal-critical);background:#ff4d4d26}.metric-detail{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.advanced-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.advanced-stat-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4)}.advanced-stat-section h4{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--phosphor);text-transform:uppercase;letter-spacing:.08em;margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;font-family:var(--font-code);font-size:var(--text-sm);border-bottom:1px solid var(--border-glow)}.stat-row:last-child{border-bottom:none}.stat-row span:first-child{color:var(--text-secondary)}.stat-row span:last-child{color:var(--text-bright);font-weight:500}.stat-row.warning span:last-child{color:var(--signal-warning)}.cache-hierarchy{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-5);margin-bottom:var(--space-5)}.cache-hierarchy-title{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:600;color:var(--phosphor);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.cache-levels{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.cache-level{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-md);position:relative}.cache-level:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border);border-radius:var(--radius-md) 0 0 var(--radius-md)}.cache-level.excellent:before{background:var(--signal-excellent);box-shadow:0 0 8px var(--phosphor-glow)}.cache-level.good:before{background:var(--signal-good)}.cache-level.warning:before{background:var(--signal-warning)}.cache-level.poor:before{background:var(--signal-critical)}.cache-level-name{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;width:48px;flex-shrink:0}.cache-level-bar{flex:1;height:8px;background:var(--void);border-radius:4px;overflow:hidden;position:relative}.cache-level-fill{height:100%;border-radius:4px;transition:width var(--duration-normal) var(--ease-out)}.cache-level.excellent .cache-level-fill{background:linear-gradient(90deg,var(--signal-excellent),#00cc6a);box-shadow:0 0 10px var(--phosphor-glow)}.cache-level.good .cache-level-fill{background:linear-gradient(90deg,var(--signal-good),#66cc00)}.cache-level.warning .cache-level-fill{background:linear-gradient(90deg,var(--signal-warning),#cc9900)}.cache-level.poor .cache-level-fill{background:linear-gradient(90deg,var(--signal-critical),#aa2222)}.cache-level-value{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;color:var(--text-bright);width:56px;text-align:right;flex-shrink:0}.cache-level.excellent .cache-level-value{color:var(--signal-excellent)}.cache-connector{width:2px;height:12px;background:var(--border);margin:0 auto}.memory-stats{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#ff4d4d1a,#ff783214);border:1px solid rgba(255,77,77,.3);border-radius:var(--radius-md)}.memory-stats-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--signal-critical);text-transform:uppercase;letter-spacing:.1em}.memory-stats-value{font-family:var(--font-code);font-size:var(--text-sm);color:var(--signal-critical)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-4);overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--elevated);border-bottom:1px solid var(--border)}.panel-title{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.panel-content{padding:var(--space-4)}.diff-summary{margin-bottom:var(--space-4)}.diff-summary-content{padding:var(--space-4)}.diff-verdict{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.diff-verdict.improved{background:#10b98126;border:1px solid var(--signal-success)}.diff-verdict.degraded{background:#ef444426;border:1px solid var(--signal-critical)}.diff-verdict.neutral{background:var(--elevated);border:1px solid var(--border)}.diff-verdict-icon{font-size:var(--text-xl);font-weight:700}.diff-verdict.improved .diff-verdict-icon{color:var(--signal-success)}.diff-verdict.degraded .diff-verdict-icon{color:var(--signal-critical)}.diff-verdict.neutral .diff-verdict-icon{color:var(--text-muted)}.diff-verdict-text{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.diff-verdict.improved .diff-verdict-text{color:var(--signal-success)}.diff-verdict.degraded .diff-verdict-text{color:var(--signal-critical)}.diff-verdict.neutral .diff-verdict-text{color:var(--text-secondary)}.diff-details{display:flex;flex-direction:column;gap:var(--space-2)}.diff-detail{display:flex;justify-content:space-between;font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) 0;border-bottom:1px solid var(--border)}.diff-detail:last-child{border-bottom:none}.diff-detail span:last-child{color:var(--text-primary)}.hotlines-table{width:100%;border-collapse:collapse;font-family:var(--font-display);font-size:var(--text-xs)}.hotlines-table th{text-align:left;padding:var(--space-2);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:500;border-bottom:1px solid var(--border)}.hotlines-table td{padding:var(--space-2);color:var(--text-primary);border-bottom:1px solid var(--border)}.hotlines-table tr:last-child td{border-bottom:none}.hotlines-table tr:hover td{background:var(--elevated)}.hotline-location{font-family:var(--font-code);color:var(--signal-info)}.hotline-rate{font-weight:600}.hotline-rate.high{color:var(--signal-critical)}.hotline-rate.medium{color:var(--signal-warning)}.hotline-rate.low{color:var(--signal-good)}.tlb-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.tlb-stat{background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.tlb-stat-label{font-family:var(--font-display);font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.tlb-stat-value{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-bright)}.suggestions{display:flex;flex-direction:column;gap:var(--space-3)}.suggestion{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.suggestion:hover{border-color:var(--border-active);box-shadow:0 4px 12px #0000004d}.suggestion.high{border-left:3px solid var(--signal-critical)}.suggestion.medium{border-left:3px solid var(--signal-warning)}.suggestion.low{border-left:3px solid var(--signal-good)}.suggestion-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--elevated);border-bottom:1px solid var(--border)}.suggestion-severity{font-family:var(--font-code);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--surface)}.suggestion-severity.high{color:var(--signal-critical);background:#ff4d4d26;border:1px solid rgba(255,77,77,.3)}.suggestion-severity.medium{color:var(--signal-warning);background:#ffaa0026;border:1px solid rgba(255,170,0,.3)}.suggestion-severity.low{color:var(--signal-good);background:#00ff8826;border:1px solid rgba(0,255,136,.3)}.suggestion-location{font-family:var(--font-code);font-size:var(--text-xs);color:var(--phosphor);background:var(--phosphor-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--phosphor-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-message{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);line-height:1.5}.suggestion-fix{padding:var(--space-3) var(--space-4);padding-top:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5;display:flex;gap:var(--space-2)}.suggestion-fix:before{content:"→";color:var(--phosphor);font-weight:600;flex-shrink:0}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.level-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.level-header{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--phosphor);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.level-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;font-size:var(--text-sm)}.level-row span:first-child{color:var(--text-secondary)}.level-row .mono{font-family:var(--font-code);color:var(--text-bright)}.level-row .mono.good{color:var(--signal-excellent)}.level-row .mono.ok{color:var(--signal-warning)}.level-row .mono.bad{color:var(--signal-critical)}.level-3c{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.level-3c-header{font-size:var(--text-2xs);color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.level-3c-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;background:var(--elevated);margin-bottom:var(--space-3)}.level-3c-segment{height:100%;transition:width var(--duration-fast) var(--ease-out);position:relative}.level-3c-segment.compulsory{background:var(--signal-info)}.level-3c-segment.capacity{background:var(--signal-warning)}.level-3c-segment.conflict{background:var(--signal-critical)}.level-3c-details{display:flex;flex-direction:column;gap:var(--space-2)}.level-3c-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.level-3c-item .dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.level-3c-item .dot.compulsory{background:var(--signal-info)}.level-3c-item .dot.capacity{background:var(--signal-warning)}.level-3c-item .dot.conflict{background:var(--signal-critical)}.level-3c-item .label{color:var(--text-secondary);min-width:56px}.level-3c-item .value{color:var(--text-primary);font-family:var(--font-code);margin-left:auto}.level-3c-item .percent{color:var(--text-muted);font-family:var(--font-code);font-size:var(--text-2xs);min-width:40px;text-align:right}.level-3c-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin-top:var(--space-2);font-size:var(--text-2xs);color:var(--text-secondary)}.level-3c-legend .legend-item{display:flex;align-items:center;gap:4px}.level-3c-legend .dot{width:6px;height:6px;border-radius:50%}.level-3c-legend .dot.compulsory{background:var(--signal-info)}.level-3c-legend .dot.capacity{background:var(--signal-warning)}.level-3c-legend .dot.conflict{background:var(--signal-critical)}.tlb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.tlb-detail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3)}.timing-display{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-3)}.cache-hierarchy .timing-display{background:transparent;border:none;border-top:1px solid var(--border);border-radius:0;margin-top:var(--space-4);margin-bottom:0;padding-bottom:0}.timing-header{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.timing-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.timing-value{font-family:var(--font-code);font-size:var(--text-md);font-weight:600;color:var(--text-bright)}.timing-unit{font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary)}.timing-bar{display:flex;height:8px;background:var(--void);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-2)}.timing-segment{height:100%;transition:width var(--duration-normal) var(--ease-out)}.timing-segment.l1{background:var(--signal-excellent)}.timing-segment.l2{background:var(--signal-good)}.timing-segment.l3{background:var(--signal-warning)}.timing-segment.mem{background:var(--signal-critical)}.timing-legend{display:flex;flex-wrap:wrap;gap:var(--space-3);font-family:var(--font-code);font-size:var(--text-2xs);color:var(--text-secondary)}.timing-legend-item{display:flex;align-items:center;gap:4px}.timing-dot{width:6px;height:6px;border-radius:1px}.timing-dot.l1{background:var(--signal-excellent)}.timing-dot.l2{background:var(--signal-good)}.timing-dot.l3{background:var(--signal-warning)}.timing-dot.mem{background:var(--signal-critical)}.timing-tlb-note{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.hotspots{padding:var(--space-3)}.hotspot{padding:var(--space-3);background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.hotspot:hover{background:var(--surface);border-color:var(--phosphor-dim)}.hotspot:last-child{margin-bottom:0}.hotspot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.hotspot-location{font-family:var(--font-code);font-size:var(--text-sm);color:var(--signal-info)}.hotspot-stats{font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-secondary)}.hotspot-code{margin:var(--space-2) 0;padding:var(--space-2) var(--space-3);background:var(--void);border-radius:var(--radius-sm);border-left:3px solid var(--signal-critical);overflow-x:auto}.hotspot-code code{font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-bright);white-space:nowrap}.hotspot-bar{height:4px;background:var(--void);border-radius:2px;overflow:hidden}.hotspot-bar-fill{height:100%;background:linear-gradient(90deg,var(--signal-warning),var(--signal-critical));border-radius:2px;transition:width var(--duration-normal) var(--ease-out)}.toggle-buttons{display:flex;gap:var(--space-2);margin:var(--space-4) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-8);text-align:center}.empty-state-logo{position:relative;width:48px;height:48px;margin-bottom:var(--space-4);opacity:.5}.empty-state-logo .logo-layer{position:absolute;border:3px solid;border-right:none;border-radius:6px 0 0 6px}.empty-state-logo .logo-layer.l3{inset:0;border-color:var(--signal-warning)}.empty-state-logo .logo-layer.l2{inset:8px 0 8px 8px;border-color:var(--signal-good)}.empty-state-logo .logo-layer.l1{inset:16px 0 16px 16px;border-color:var(--signal-excellent)}.empty-state-title{font-family:var(--font-display);font-size:var(--text-md);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-desc{font-size:var(--text-sm);color:var(--text-muted);max-width:280px}.empty-state-shortcut{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-secondary)}.empty-state-shortcut kbd{padding:2px 6px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-display);color:var(--phosphor)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-8)}.loading-spinner{width:48px;height:48px;border:2px solid var(--border);border-top-color:var(--phosphor);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-4)}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-secondary);animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}.quick-config{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface);border-bottom:1px solid var(--border)}.config-group{display:flex;align-items:center;gap:var(--space-2)}.config-label{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.config-divider{width:1px;height:24px;background:var(--border)}.settings-toolbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.settings-toolbar-main{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.toolbar-group{display:flex;align-items:center;gap:var(--space-2)}.toolbar-group label{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.toolbar-group select{min-width:90px}.toolbar-divider{width:1px;height:24px;background:var(--border);flex-shrink:0}.toolbar-more{font-family:var(--font-display);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;margin-left:auto}.toolbar-more:hover{background:var(--elevated);color:var(--text-primary)}.toolbar-more.active{background:var(--phosphor-subtle);border-color:var(--phosphor-dim);color:var(--phosphor)}.settings-toolbar-advanced{padding:var(--space-3) var(--space-5);background:var(--elevated);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:var(--space-4)}.toolbar-advanced-section{display:flex;align-items:center;gap:var(--space-2)}.toolbar-advanced-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.toolbar-defines{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.toolbar-define{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 8px;gap:0}.define-prefix{font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);margin-right:2px}.define-input{font-family:var(--font-code);font-size:var(--text-xs);background:transparent;border:none;color:var(--text-bright);outline:none;padding:0}.define-input.name{width:50px;text-transform:uppercase;color:var(--phosphor);font-weight:500}.define-input.value{width:60px}.define-eq{font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);margin:0 2px}.define-remove{font-size:14px;color:var(--text-muted);margin-left:6px;background:transparent;border:none;cursor:pointer;padding:0 4px}.define-remove:hover{color:var(--signal-critical)}.define-add{font-family:var(--font-display);font-size:var(--text-xs);padding:4px 8px;background:transparent;color:var(--phosphor);border:1px dashed var(--phosphor-dim);border-radius:var(--radius-md);cursor:pointer}.define-add:hover{background:var(--phosphor-subtle)}.defines-empty{display:flex;align-items:center;gap:var(--space-2)}.defines-presets{display:flex;gap:var(--space-1)}.define-preset{font-family:var(--font-code);font-size:var(--text-xs);padding:4px 10px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.define-preset:hover{background:var(--phosphor-subtle);color:var(--phosphor);border-color:var(--phosphor)}.define-preset.define-custom{border-style:dashed;background:transparent;color:var(--text-secondary)}.define-preset.define-custom:hover{background:var(--phosphor-subtle);color:var(--phosphor)}.toolbar-cache-config{display:flex;flex-wrap:wrap;gap:var(--space-3)}.toolbar-cache-config label{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-display);font-size:var(--text-xs);color:var(--text-secondary)}.toolbar-cache-config input{width:70px;padding:4px 8px;font-family:var(--font-code);font-size:var(--text-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary)}.toolbar-cache-config input:focus{outline:none;border-color:var(--phosphor-dim)}.cache-config-group{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border)}.cache-config-title{font-family:var(--font-display);font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);min-width:55px;text-transform:uppercase;letter-spacing:.05em}.cache-config-group select{padding:4px 8px;font-family:var(--font-code);font-size:var(--text-xs);background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer}.cache-config-group select:focus{outline:none;border-color:var(--phosphor-dim)}.cache-config-group select:disabled{opacity:.5;cursor:not-allowed}.custom-cache-section{flex-wrap:wrap}.cache-state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8px,1fr));gap:2px;padding:var(--space-3);background:var(--void);border-radius:var(--radius-md)}.cache-line{aspect-ratio:1;border-radius:1px;transition:all var(--duration-fast) var(--ease-out)}.cache-line.invalid{background:var(--heat-cold)}.cache-line.shared{background:var(--signal-info)}.cache-line.exclusive{background:var(--signal-good)}.cache-line.modified{background:var(--signal-critical)}.cache-line:hover{transform:scale(1.5);z-index:1;box-shadow:0 0 8px currentColor}@media(max-width:1024px){.sidebar{display:none}.results-panel{width:360px}}@media(max-width:768px){.workspace{flex-direction:column}.editor-area,.results-panel{width:100%;height:100%}.results-panel{border-left:none;border-top:1px solid var(--border)}.mobile-hidden{display:none!important}.metric-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}.metric-card{padding:var(--space-3)}.quick-config{flex-wrap:wrap;gap:var(--space-2)}.header{padding:0 var(--space-3);gap:var(--space-2)}.header-right{gap:var(--space-2)}.logo-title{display:none}.btn-compare,.btn-export,.btn-primary,.btn-cancel{padding:var(--space-2);font-size:var(--text-2xs)}.settings-toolbar-main{flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.toolbar-group{flex:1 1 auto;min-width:80px}.toolbar-divider{display:none}.toolbar-more{width:100%;margin-top:var(--space-2)}.settings-toolbar-advanced{flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3)}.toolbar-advanced-section{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.cache-config-group{width:100%;justify-content:space-between}.results-header{padding:var(--space-3)}.panel-header{padding:var(--space-2) var(--space-3)}.panel-content,.cache-hierarchy{padding:var(--space-3)}.cache-levels{flex-direction:column;gap:var(--space-2)}.cache-connector{width:2px;height:16px;margin:0 auto}.export-dropdown{position:static}.export-menu{position:fixed;bottom:60px;left:50%;transform:translate(-50%);min-width:120px}.diff-details{font-size:var(--text-2xs)}.command-palette{margin:var(--space-4);max-height:70vh}.timing-legend{flex-wrap:wrap;gap:var(--space-1);font-size:var(--text-2xs)}}.mobile-tab-switcher{display:flex;background:var(--surface);border-bottom:1px solid var(--border);padding:var(--space-2);gap:var(--space-2)}.mobile-tab-switcher button{flex:1;padding:var(--space-3);background:transparent;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast)}.mobile-tab-switcher button.active{background:var(--phosphor-subtle);border-color:var(--phosphor);color:var(--phosphor)}.mobile-tab-switcher button:hover:not(.active){background:var(--elevated)}@media(max-width:480px){.metric-grid{grid-template-columns:1fr}.header-right{flex-wrap:wrap;justify-content:flex-end}.btn-compare,.btn-export,.toolbar-group label{display:none}}.batch-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.batch-modal{width:90%;max-width:700px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080;overflow:hidden}.batch-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--elevated);border-bottom:1px solid var(--border)}.batch-modal-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.batch-modal-close{width:32px;height:32px;background:transparent;border:none;color:var(--text-muted);font-size:var(--text-xl);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast)}.batch-modal-close:hover{background:var(--surface);color:var(--signal-critical)}.batch-modal-content{padding:var(--space-4);max-height:400px;overflow-y:auto}.batch-loading{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-secondary);font-family:var(--font-display)}.batch-results-table{width:100%;border-collapse:collapse;font-family:var(--font-display);font-size:var(--text-sm)}.batch-results-table th{text-align:left;padding:var(--space-3);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border)}.batch-results-table td{padding:var(--space-3);color:var(--text-primary);border-bottom:1px solid var(--border)}.batch-results-table tr:last-child td{border-bottom:none}.batch-results-table .config-name{font-weight:600}.batch-results-table td.good{color:var(--signal-success)}.batch-results-table td.warning{color:var(--signal-warning)}.command-palette-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000}.command-palette{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 20px 60px #00000080,0 0 0 1px var(--border);overflow:hidden}.command-input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-bottom:1px solid var(--border);background:var(--surface)}.command-icon{font-family:var(--font-code);font-size:var(--text-lg);color:var(--phosphor);opacity:.6}.command-filter-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--phosphor-subtle);border:1px solid var(--phosphor-dim);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-xs);color:var(--phosphor);cursor:pointer}.badge-clear{opacity:.6}.badge-clear:hover{opacity:1}.command-input{flex:1;background:transparent;border:none;font-family:var(--font-display);font-size:var(--text-md);color:var(--text-bright);outline:none}.command-input::placeholder{color:var(--text-muted)}.command-list{max-height:400px;overflow-y:auto;padding:var(--space-2)}.command-group{margin-bottom:var(--space-2)}.command-group:last-child{margin-bottom:0}.command-group-header{padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--text-2xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.command-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out)}.command-item:hover,.command-item.selected{background:var(--surface)}.command-item.selected{background:var(--phosphor-subtle)}.command-item-icon{font-family:var(--font-code);font-size:var(--text-sm);color:var(--phosphor);opacity:.7;width:20px;text-align:center}.command-item-label{flex:1;font-family:var(--font-display);font-size:var(--text-sm);color:var(--text-primary)}.command-item.selected .command-item-label{color:var(--text-bright)}.command-item-shortcut{font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-muted);padding:2px 6px;background:var(--elevated);border-radius:var(--radius-sm)}.command-empty{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-muted)}.toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--panel);border:1px solid var(--phosphor-dim);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-5);font-family:var(--font-code);font-size:var(--text-sm);color:var(--phosphor);box-shadow:0 8px 32px #0006,0 0 0 1px var(--phosphor-dim);z-index:1100;animation:toast-in .3s ease-out;display:flex;align-items:center;gap:var(--space-2)}.toast:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--phosphor-subtle);border-radius:50%;font-size:12px}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=light]{--void: #f5f6f8;--panel: #ffffff;--surface: #f0f1f3;--elevated: #e8eaed;--border: #d0d4db;--border-glow: #c0c4cb;--phosphor: #00875a;--phosphor-dim: #006644;--phosphor-glow: rgba(0, 135, 90, .12);--phosphor-subtle: rgba(0, 135, 90, .06);--text-bright: #1a1d21;--text-primary: #3d4450;--text-secondary: #6b7280;--text-muted: #9ca3af;--signal-excellent: #00875a;--signal-good: #4d8a00;--signal-warning: #b36b00;--signal-critical: #c41e3a;--signal-info: #0066cc}[data-theme=light] body:before{display:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.metric-card{animation:fadeInUp .4s var(--ease-out) backwards}.metric-card:nth-child(1){animation-delay:.05s}.metric-card:nth-child(2){animation-delay:.1s}.metric-card:nth-child(3){animation-delay:.15s}.cache-level{animation:fadeInUp .4s var(--ease-out) backwards}.cache-level:nth-child(1){animation-delay:.1s}.cache-level:nth-child(2){animation-delay:.15s}.cache-level:nth-child(3){animation-delay:.2s}.cache-level:nth-child(4){animation-delay:.25s}.panel{animation:fadeIn .3s var(--ease-out) backwards}.cache-grid-container{font-family:Monaco,Menlo,monospace;font-size:12px;background:var(--bg-panel);border-radius:8px;padding:12px;overflow:auto}.cache-grid-container.compact{max-height:400px}.cache-grid-empty{color:var(--text-muted);text-align:center;padding:20px}.core-selector{margin-bottom:12px;display:flex;align-items:center;gap:8px}.core-selector label{color:var(--text-muted)}.core-selector select{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;padding:4px 8px;font-size:12px}.cache-grid-header{display:flex;gap:2px;margin-bottom:4px;padding-left:40px}.set-label{width:40px;color:var(--text-muted);font-size:10px;text-align:center}.way-label{width:32px;color:var(--text-muted);font-size:10px;text-align:center}.cache-grid-body{display:flex;flex-direction:column;gap:2px}.cache-grid-row{display:flex;gap:2px;align-items:center}.cache-grid-row.highlighted{background:var(--heat-warm);border-radius:4px;opacity:.3}.set-index{width:36px;color:var(--text-muted);font-size:10px;text-align:right;padding-right:4px}.cache-cell{width:32px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:3px;font-weight:700;font-size:11px;cursor:pointer;transition:transform .1s,box-shadow .1s;color:var(--text-primary)}.cache-cell:hover{transform:scale(1.1);box-shadow:0 0 8px #1967d266;z-index:1}.cache-cell.invalid{color:var(--text-muted)}.more-sets-indicator{color:var(--text-muted);text-align:center;padding:8px;font-style:italic}.mesi-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);align-items:center}.legend-item{font-size:10px;padding:2px 6px;border-radius:3px;border:1px solid var(--border)}.cache-tooltip{position:fixed;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:10px;z-index:1000;box-shadow:0 4px 12px #00000026;pointer-events:none;max-width:250px}.tooltip-row{margin:4px 0;color:var(--text-primary);font-size:11px}.tooltip-row strong{color:var(--text-primary);font-weight:600}.memory-layout-container{font-family:Monaco,Menlo,monospace;font-size:12px;background:var(--bg-panel);border-radius:8px;padding:12px}.view-mode-toggle{display:flex;gap:4px;margin-bottom:12px}.view-mode-toggle button{flex:1;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-muted);border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s}.view-mode-toggle button:hover{background:var(--bg-hover)}.view-mode-toggle button.active{background:var(--accent);border-color:var(--accent);color:#fff}.memory-regions{display:flex;flex-direction:column;gap:4px}.address-label{text-align:center;color:var(--text-muted);font-size:10px;padding:4px}.address-label.high{border-bottom:1px dashed var(--border)}.address-label.low{border-top:1px dashed var(--border)}.memory-region{padding:12px;border:2px solid;border-radius:6px;cursor:pointer;transition:transform .1s,box-shadow .1s;color:var(--text-primary)}.memory-region:hover{transform:translate(4px);box-shadow:-4px 0 12px #1967d233}.memory-region.highlighted{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #1967d266}50%{box-shadow:0 0 0 8px #1967d200}}.region-name{font-weight:700;font-size:14px;margin-bottom:4px}.region-range{font-size:10px;opacity:.8}.region-size{font-size:11px;margin-top:2px}.region-stats{font-size:10px;margin-top:4px;opacity:.9}.memory-legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.legend-item{font-size:10px;padding:2px 8px;border-radius:3px}.access-list{max-height:400px;overflow-y:auto}.no-accesses{color:var(--text-muted);text-align:center;padding:20px}.access-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .1s;color:var(--text-primary)}.access-item:hover{background:var(--bg-hover)}.access-item.highlighted{background:var(--heat-warm);opacity:.3}.access-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0}.access-address{font-family:monospace;color:var(--accent);flex:1}.access-type{color:var(--text-muted);font-size:10px;width:30px}.access-region{color:var(--success);font-size:10px;width:60px}.access-count{color:var(--text-muted);font-size:10px;width:30px;text-align:right}.hit-legend{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.legend-title{color:var(--text-muted);font-size:11px}.hit-item{font-size:10px;padding:2px 8px;border-radius:3px;color:var(--text-primary)}.memory-tooltip{position:fixed;bottom:20px;left:20px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:10px;z-index:1000;box-shadow:0 4px 12px #00000026;font-size:11px;color:var(--text-primary)}.memory-tooltip strong{color:var(--text-primary);font-weight:600}.editor-tabs{display:flex;flex-direction:column;background:var(--surface);border-bottom:1px solid var(--border);min-height:35px}.tabs-container{display:flex;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.tabs-container::-webkit-scrollbar{height:3px}.tabs-container::-webkit-scrollbar-track{background:transparent}.tabs-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.editor-tab{display:flex;align-items:center;gap:6px;padding:0 12px;height:35px;background:var(--surface);border-right:1px solid var(--border);cursor:pointer;transition:background .15s ease;flex-shrink:0;min-width:80px;max-width:180px;position:relative}.editor-tab:hover{background:var(--elevated)}.editor-tab:hover .tab-close{opacity:1}.editor-tab.active{background:var(--panel);border-bottom:2px solid var(--phosphor);margin-bottom:-1px}.editor-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:var(--panel)}.editor-tab.main-file .tab-name{font-weight:600}.tab-icon{width:18px;height:18px;border-radius:3px;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;text-transform:uppercase}.tab-name{font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.editor-tab.active .tab-name{color:var(--text-primary)}.tab-main-indicator{color:var(--phosphor);font-size:14px;font-weight:700;line-height:1;margin-left:-2px}.tab-close{width:16px;height:16px;padding:0;margin-left:auto;background:transparent;border:none;border-radius:3px;color:var(--text-muted);font-size:14px;line-height:1;cursor:pointer;opacity:0;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.editor-tab.active .tab-close{opacity:.6}.tab-close:hover{background:#ffffff1a;color:var(--text-primary);opacity:1!important}.editor-tab.new-tab{background:var(--panel);min-width:120px}.tab-rename-input,.tab-new-input{width:100%;max-width:140px;background:var(--void);border:1px solid var(--phosphor);border-radius:3px;color:var(--text-primary);font-size:12px;padding:2px 6px;outline:none}.tab-rename-input:focus,.tab-new-input:focus{box-shadow:0 0 0 2px var(--phosphor-glow)}.tab-add-btn{width:28px;height:35px;padding:0;background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-muted);font-size:18px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tab-add-btn:hover{background:var(--elevated);color:var(--phosphor)}.tab-context-menu{position:fixed;background:var(--elevated);border:1px solid var(--border-glow);border-radius:6px;box-shadow:0 8px 32px #00000080,0 0 1px #00ff881a;z-index:1000;min-width:160px;padding:4px 0;animation:contextMenuFadeIn .1s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tab-context-menu button{display:block;width:100%;padding:8px 14px;background:none;border:none;color:var(--text-primary);font-size:12px;font-family:var(--font-body);text-align:left;cursor:pointer;transition:background .1s ease,color .1s ease}.tab-context-menu button:hover{background:var(--phosphor-subtle);color:var(--text-bright)}.tab-context-menu button.delete-action{color:var(--signal-critical)}.tab-context-menu button.delete-action:hover{background:#ff444426}.tab-context-menu button.delete-action:disabled{color:var(--text-muted);cursor:not-allowed}.tab-context-menu button.delete-action:disabled:hover{background:none}.tab-context-menu hr{border:none;border-top:1px solid var(--border);margin:4px 0}@media(max-width:600px){.editor-tab{padding:0 8px;min-width:60px;max-width:120px}.tab-icon{width:14px;height:14px;font-size:8px}.tab-name{font-size:11px}}