:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:silver;background-color:#2b2b2b;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;color:#e0e0e0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3c3f41;color:#e0e0e0;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.file-uploader-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden}.drop-zone{border:2px dashed #4b5563;border-radius:12px;padding:3rem 2rem;text-align:center;transition:all .3s ease;background:#1f2937;max-width:600px;width:100%;box-sizing:border-box}.drop-zone:hover{border-color:#4caf50;background:#374151}.drop-zone.dragging{border-color:#4caf50;background:#2e7d32;transform:scale(1.02)}.drop-zone-content{pointer-events:none}.upload-icon{color:#9ca3af;margin:0 auto 1.5rem;display:block}.drop-zone h2{margin:0 0 .5rem;font-size:clamp(1.25rem,4vw,1.5rem);color:#f3f4f6}.subtitle{color:#9ca3af;margin:0 0 1.5rem;font-size:clamp(.875rem,3vw,1rem);line-height:1.5}.browse-button{display:inline-block;padding:.75rem 2rem;background:#4caf50;color:#fff;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s;pointer-events:auto;font-size:1rem}.browse-button:hover{background:#45a049}.file-info{margin-top:1.5rem;font-size:clamp(.75rem,2.5vw,.875rem);color:#6b7280;line-height:1.5}@media(max-width:640px){.drop-zone{padding:1.5rem 1rem}.upload-icon{width:48px;height:48px}.browse-button{padding:.625rem 1.5rem;font-size:.875rem}}.navigation{background:#1f2937;border-bottom:1px solid #374151;padding:0 1rem}.nav-tabs{display:flex;gap:.5rem;overflow-x:auto}.nav-tab{background:transparent;border:none;color:#9ca3af;padding:1rem 1.5rem;cursor:pointer;font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap;outline:none}.nav-tab:focus{outline:none}.nav-tab:hover{color:#f3f4f6;background:#374151}.nav-tab.active{color:#4caf50;border-bottom-color:#4caf50}.tab-icon{display:flex;align-items:center;justify-content:center}.tab-icon svg{width:16px;height:16px}@media(max-width:768px){.nav-tab{padding:.75rem 1rem;font-size:.8rem}.tab-icon svg{width:14px;height:14px}}.loading-spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;min-height:400px}.loading-spinner{border:4px solid #333;border-top:4px solid #4CAF50;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{margin-top:1rem;color:#888;font-size:.9rem}.trace-viewer{display:flex;flex-direction:column;height:100%;background:#111827}.trace-header{background:#1f2937;border-bottom:1px solid #374151;padding:1rem 1.5rem}.header-content{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.trace-header h1{margin:0;font-size:1.25rem;font-weight:600;color:#f3f4f6}.file-name{padding:.25rem .75rem;background:#374151;border-radius:4px;font-size:.875rem;color:#9ca3af;font-family:monospace;word-break:break-all}.trace-content{flex:1;overflow:auto;padding:1.5rem}@media(max-width:768px){.trace-content{padding:1rem}.trace-header h1{font-size:1.1rem}}.trace-list{display:flex;flex-direction:column;gap:0}.trace-list-item{padding:.75rem 1rem;border-bottom:1px solid #1f2937;cursor:pointer;transition:all .2s;background:#111827}.trace-list-item:hover{background:#1f2937}.trace-list-item.active{background:#1e3a8a;border-left:3px solid #6366f1;padding-left:calc(1rem - 3px)}.trace-list-item-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.trace-icon{color:#9ca3af;flex-shrink:0}.trace-list-item.active .trace-icon{color:#93c5fd}.trace-list-item-name{flex:1;font-size:.875rem;color:#f3f4f6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.trace-list-item.active .trace-list-item-name{color:#fff}.trace-list-item-remove{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s;opacity:0;flex-shrink:0}.trace-list-item:hover .trace-list-item-remove{opacity:1}.trace-list-item-remove:hover{background:#ef4444;color:#fff}.trace-list-item-meta{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280;padding-left:1.5rem}.trace-list-item.active .trace-list-item-meta{color:#93c5fd}.trace-meta-item{white-space:nowrap}.trace-meta-separator{opacity:.5}.add-trace-button-container{display:flex;align-items:center}.add-trace-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.add-trace-button:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 6px -1px #6366f14d}.add-trace-button:active{transform:translateY(0)}.add-trace-button svg{flex-shrink:0}.help-popup-anchor{position:relative;display:flex;align-items:center}.help-icon-btn{width:22px;height:22px;border-radius:50%;background:#374151;border:1px solid #4b5563;color:#9ca3af;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;margin-left:.5rem}.help-icon-btn:hover{background:#4b5563;color:#f3f4f6}.help-icon-btn:focus{outline:none}.help-popup{position:absolute;top:calc(100% + 10px);right:0;width:340px;background:#1f2937;border:1px solid #374151;border-radius:10px;padding:1rem;box-shadow:0 10px 30px #0006;z-index:1000;animation:helpFadeIn .15s ease-out}@keyframes helpFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.help-popup-title{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.875rem}.help-popup-item{display:flex;gap:.75rem;margin-bottom:.875rem}.help-popup-item:last-child{margin-bottom:0}.help-popup-badge{flex-shrink:0;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:700;height:fit-content;margin-top:2px}.help-badge-pytorch{background:#ee4c2c26;color:#f87171;border:1px solid rgba(238,76,44,.3)}.help-badge-ncu{background:#76b9001f;color:#86efac;border:1px solid rgba(118,185,0,.25)}.help-popup-desc{font-size:.8rem;color:#9ca3af;line-height:1.55}.help-popup-desc strong{color:#e5e7eb;font-weight:600}.help-popup-desc code{font-family:SF Mono,Cascadia Code,Consolas,monospace;font-size:.75rem;background:#374151;padding:1px 4px;border-radius:3px;color:#c4b5fd}.update-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 16px;z-index:10000;box-shadow:0 2px 8px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.update-banner-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.update-icon{font-size:1.25rem;animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-message{font-size:.95rem;font-weight:500}.update-button{background:#fff;color:#667eea;border:none;padding:8px 20px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.update-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.update-button:active{transform:translateY(0)}@media(max-width:640px){.update-banner{padding:10px 12px}.update-banner-content{gap:12px}.update-message{font-size:.875rem}.update-button{padding:6px 16px;font-size:.85rem}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:hidden;width:100%;max-width:100vw}body{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;background-color:#111827;color:#f3f4f6;overflow-x:hidden;width:100%;max-width:100vw;position:relative}#root{width:100%;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#1f2937}::-webkit-scrollbar-thumb{background:#4b5563;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#6b7280}.view-container{padding:2rem;color:#f3f4f6;max-width:100%;overflow-x:hidden}*:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.app-with-traces{height:100vh;overflow:hidden;display:flex;flex-direction:column}.app-trace-header{width:100%;background:#1f2937;border-bottom:2px solid #374151;padding:.6rem 1.5rem;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px}.header-left{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-divider{width:1px;height:24px;background:#374151;margin:0 .25rem;flex-shrink:0}.app-trace-header .app-logo{width:36px;height:36px;object-fit:contain;flex-shrink:0}.app-trace-header h1{margin:0;font-size:1.1rem;font-weight:600;color:#f3f4f6;white-space:nowrap}.app-trace-header .file-name{font-size:.8rem;color:#6b7280;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.app-body{display:flex;flex:1;overflow:hidden}.sidebar-panel-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid #374151;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .15s;flex-shrink:0}.sidebar-panel-btn:hover{background:#374151;color:#f3f4f6}.sidebar-panel-btn.active{color:#e5e7eb}.sidebar-panel-btn:focus{outline:none}.app-sidebar{width:400px;background:#111827;border-right:1px solid #374151;display:flex;flex-direction:column;gap:0;flex-shrink:0;overflow-y:auto}.app-sidebar .trace-selector{margin:0;flex:1}.app-main{flex:1;overflow-y:auto;overflow-x:hidden;background:#111827}.app-mode-switcher{display:flex;background:#111827;border:1.5px solid #4f46e5;border-radius:8px;overflow:hidden;flex-shrink:0}.mode-btn{display:flex;align-items:center;gap:6px;padding:6px 18px;background:transparent;border:none;color:#9ca3af;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;letter-spacing:.01em}.mode-btn+.mode-btn{border-left:1.5px solid #4f46e5}.mode-btn:focus{outline:none}.mode-btn:hover{color:#e5e7eb;background:#1e1b4b}.mode-btn.active{background:#4f46e5;color:#fff;font-weight:600}.mode-btn svg{flex-shrink:0;opacity:.85}.mode-btn.active svg{opacity:1}.app-ncu-body{display:flex;flex:1;overflow:hidden}.app-ncu-body .ncu-layout{flex:1;height:calc(100vh - 56px)}.header-right .add-trace-button-container{margin:0}.header-right .add-trace-button{padding:6px 14px;font-size:13px;white-space:nowrap}