:root{--bg-primary: #09090b;--bg-secondary: #18181b;--bg-tertiary: #27272a;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--accent-color: #6366f1;--accent-hover: #4f46e5;--border-color: #3f3f46;--error-color: #ef4444;--glass-bg: rgba(24, 24, 27, .7);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 12px;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary)}body{margin:0;display:flex;min-width:320px;min-height:100vh}#root{width:100%}*{box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.uploader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:radial-gradient(circle at center,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.uploader-container--panel{height:100%;min-height:320px;background:transparent;padding:1.25rem}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;border:2px dashed var(--border-color);border-radius:1rem;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));color:var(--text-secondary);transition:all .3s ease;width:600px;max-width:90%}.dropzone:hover,.dropzone.active{border-color:var(--accent-color);background:#6366f11a;color:var(--text-primary);transform:scale(1.02)}.dropzone--panel{width:100%;min-height:280px;padding:2.5rem 1.5rem;max-width:none}.dropzone--panel p{text-align:center}.dropzone .icon{margin-bottom:1.5rem;color:var(--accent-color)}.tool-call-container{border:1px solid var(--border-color);border-radius:.5rem;background:#0003;margin:.5rem 0;overflow:hidden}.tool-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;cursor:pointer;background:#ffffff08;transition:background .2s}.tool-header:hover{background:#ffffff12}.tool-title{display:flex;align-items:center;gap:.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent-color)}.tool-icon{opacity:.8}.fn-name{font-weight:600}.tool-status .success{color:#10b981}.tool-status .pending{color:#f59e0b}.tool-body{padding:.75rem;border-top:1px solid var(--border-color);background:#0000004d}.section{margin-bottom:.75rem}.section:last-child{margin-bottom:0}.label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.25rem}.tool-summary{color:var(--text-secondary);font-size:.85rem;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.special-tool-content{display:flex;flex-direction:column;gap:.5rem;padding-bottom:.5rem}.info-row{display:flex;align-items:baseline;gap:.75rem}.info-label{min-width:80px;font-size:.8rem;color:var(--text-secondary);font-weight:500}.info-value{font-size:.9rem;font-family:JetBrains Mono,monospace;word-break:break-all;color:var(--text-primary)}.info-value.command{font-weight:600;color:#a5d6ff}.info-value.path{color:#7ee787}.info-value.cap{text-transform:capitalize}.collapsible-args details>summary{list-style:none;cursor:pointer;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.collapsible-args details>summary::-webkit-details-marker{display:none}.cursor-pointer{cursor:pointer}.tool-call-container.finish{border-color:#10b98166;background:#10b9810d}.tool-call-container.finish .tool-header{background:#10b9811a}.tool-call-container.think{border-color:#8b5cf666;background:#8b5cf60d}.tool-call-container.think .tool-header{background:#8b5cf61a}.message-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));overflow:hidden;transition:transform .2s ease,border-color .2s ease}.message-container:hover{border-color:#fff3}.message-container.system{border-style:dashed;opacity:.8}.message-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer}.role-badge{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.message-index{font-size:.75rem;font-weight:500;opacity:.6;margin-left:.25rem}.message-container.user .role-badge{color:#38bdf8}.message-container.assistant .role-badge{color:#a78bfa}.message-container.system .role-badge{color:#fbbf24}.message-content{padding:1.5rem}.markdown-body{font-size:1rem;line-height:1.7;color:var(--text-primary)}.markdown-body p{margin-bottom:1rem}.markdown-body pre{border-radius:.5rem;margin:1rem 0;padding:0!important;background:transparent!important}.reasoning-block{margin-top:1rem;padding:1rem;background:#ffff000d;border-left:3px solid #fbbf24;border-radius:0 .5rem .5rem 0}.reasoning-label{font-size:.75rem;text-transform:uppercase;color:#fbbf24;margin-bottom:.5rem;font-weight:700}.reasoning-text{font-size:.9rem;color:var(--text-secondary);font-style:italic}.patch-container{margin-top:3rem;margin-bottom:2rem;border:1px solid var(--accent-color);border-radius:.5rem;background:#0006;overflow:hidden}.patch-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:#6366f11a;cursor:pointer;transition:background .2s}.patch-header:hover{background:#6366f133}.patch-title{display:flex;align-items:center;gap:.75rem;font-size:1.1rem;font-weight:600;color:var(--accent-color)}.patch-content{border-top:1px solid var(--border-color)}.tools-info{position:relative;display:inline-block}.tools-count{color:var(--text-secondary);cursor:pointer;transition:color .2s ease;-webkit-user-select:none;user-select:none;padding:2px 6px;border-radius:4px}.tools-count:hover{color:var(--text-primary);background:#ffffff0d}.tools-popup{position:absolute;left:50%;transform:translate(-50%);z-index:1000;min-width:200px;max-width:300px;animation:fadeIn .15s ease}.tools-popup.above{bottom:calc(100% + 8px)}.tools-popup.below{top:calc(100% + 8px)}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.tools-list{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;padding:8px;max-height:400px;overflow-y:auto;box-shadow:0 8px 32px #0006}.tools-list::-webkit-scrollbar{width:6px}.tools-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tools-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tools-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tool-item{position:relative;padding:8px 10px;border-radius:4px;cursor:pointer;transition:background .15s ease}.tool-item:hover{background:#ffffff14}.tool-name{font-weight:500;color:var(--text-primary);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-description-tooltip{position:fixed;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:6px;padding:10px 12px;min-width:300px;max-width:500px;max-height:400px;overflow-y:auto;color:var(--text-secondary);font-size:.75rem;line-height:1.5;box-shadow:0 4px 16px #0000004d;z-index:1002;animation:slideIn .15s ease;pointer-events:auto;cursor:default}.tool-description-tooltip::-webkit-scrollbar{width:6px}.tool-description-tooltip::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.tool-description-tooltip::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.tool-description-tooltip::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.tools-popup.above:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--glass-border)}.tools-popup.below:after{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-bottom-color:var(--glass-border)}.trajectory-wrapper{width:100%;min-height:100vh}.trajectory-wrapper--full{min-height:100vh}.trajectory-wrapper--panel{min-height:0;height:100%;display:flex}.trajectory-scroll{height:100vh;overflow-y:auto}.trajectory-scroll:focus{outline:none}.trajectory-scroll:focus-visible{outline:2px solid rgba(99,102,241,.5);outline-offset:-2px}.trajectory-scroll--full{padding:4rem 2rem 2rem;max-width:1000px;margin:0 auto}.trajectory-scroll--panel{height:100%;flex:1;min-height:0;overflow-y:auto;padding:1rem 1rem 1.5rem}.trajectory-container{width:100%}.viewer-header{margin-bottom:3rem;text-align:center}.trajectory-wrapper--panel .viewer-header{margin-bottom:1rem;text-align:left}.viewer-header h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.trajectory-wrapper--panel .viewer-header h1{font-size:1.8rem}.trajectory-wrapper--panel .viewer-header:has(h1:not(:empty)){margin-bottom:1.25rem}.meta{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.9rem}.id-tag{color:var(--accent-color);background:#6366f11a;padding:.2rem .5rem;border-radius:.25rem}.turn-count{color:var(--text-secondary);font-weight:500}.messages-list{display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.trajectory-scroll--full,.trajectory-scroll--panel{padding:3.5rem 1rem 1rem}.viewer-header h1{font-size:2rem}.trajectory-wrapper--panel .viewer-header h1{font-size:1.5rem}}.notifications-container{position:fixed;top:1rem;right:1rem;z-index:1000;display:flex;flex-direction:column;gap:.5rem;max-width:400px;max-height:80vh;overflow-y:auto}.notification{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-left:3px solid var(--error-color);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;animation:notification-in .2s ease-out;transition:opacity .5s ease-out}.notification.fading{opacity:0}.notification-message{flex:1;line-height:1.4}.notification-close{flex-shrink:0;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:2px;border-radius:4px;display:flex;align-items:center}.notification-close:hover{color:var(--text-primary);background:#ffffff1a}@keyframes notification-in{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.scroll-lock-button{position:fixed;right:1.5rem;bottom:5.25rem;z-index:820;display:inline-flex;align-items:center;gap:.55rem;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;box-shadow:0 2px 8px #0000004d;transition:all .2s ease}.scroll-lock-button--compact{position:static;right:auto;bottom:auto;z-index:auto;width:100%;justify-content:center;box-shadow:none}.scroll-lock-button:hover,.scroll-lock-button.is-locked{border-color:var(--accent-color);background:#6366f129}.scroll-lock-button span{font-size:.9rem}@media(max-width:768px){.scroll-lock-button{right:1rem;bottom:4.75rem;padding:.7rem .9rem}.scroll-lock-button--compact{right:auto;bottom:auto}.scroll-lock-button span{display:none}.scroll-lock-button--compact span{display:inline}}.sidebar-toggle{position:fixed;left:0;top:50%;transform:translateY(-50%);z-index:1001;background:var(--bg-secondary);border:1px solid var(--border-color);border-left:none;border-radius:0 8px 8px 0;padding:12px 6px;cursor:pointer;color:var(--text-primary);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--bg-hover);padding-right:8px}.sidebar-toggle--open{left:280px}.trajectory-sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px;background:var(--bg-primary);border-right:1px solid var(--border-color);z-index:1000;transition:left .3s ease;display:flex;flex-direction:column}.trajectory-sidebar--open{left:0}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between}.sidebar-header h2{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.sidebar-count{background:var(--bg-secondary);color:var(--text-secondary);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.sidebar-list{flex:1;overflow-y:auto;padding:8px}.sidebar-item{width:100%;background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer;text-align:left;transition:all .2s ease;color:var(--text-primary)}.sidebar-item:hover{background:var(--bg-hover);border-color:var(--accent-color)}.sidebar-item--active{background:var(--bg-secondary);border-color:var(--accent-color)}.sidebar-item-id{font-size:14px;font-weight:500;margin-bottom:4px;color:var(--text-primary);word-break:break-word}.sidebar-item-meta{font-size:12px;color:var(--text-secondary)}.comparison-panel{position:fixed;top:0;right:0;width:var(--comparison-panel-width, 600px);height:100vh;z-index:850;background:#09090bf5;border-left:1px solid var(--border-color);box-shadow:-16px 0 40px #00000059;display:flex;flex-direction:column}.comparison-panel__resize-handle{position:absolute;top:0;left:-6px;width:12px;height:100%;cursor:ew-resize;z-index:30;border:0;padding:0;background:transparent}.comparison-panel__resize-handle:before{content:"";position:absolute;top:0;left:5px;width:2px;height:100%;background:#6366f147;transition:background .2s ease}.comparison-panel__resize-handle:hover:before,.comparison-panel__resize-handle:focus-visible:before{background:#6366f1bf}.comparison-panel__resize-handle:focus-visible{outline:none}.comparison-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.comparison-panel__header .scroll-lock-button--compact{width:auto;justify-content:flex-start}.comparison-panel__header-spacer{flex:1}.comparison-panel__actions{display:flex;flex-shrink:0;gap:.5rem}.comparison-panel__icon-button,.comparison-panel__cta{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .2s ease}.comparison-panel__icon-button{width:2.25rem;height:2.25rem;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.comparison-panel__icon-button:hover,.comparison-panel__cta:hover{border-color:var(--accent-color);background:#6366f129}.comparison-panel__toolbar{padding:0 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08)}.comparison-panel__body{position:relative;flex:1;min-height:0;overflow:hidden}.comparison-panel__drag-overlay{position:absolute;inset:1rem;z-index:20;display:flex;align-items:center;justify-content:center;border:2px dashed var(--accent-color);border-radius:1rem;background:#6366f11f;color:var(--text-primary);font-weight:500;text-align:center;padding:1rem;pointer-events:none}.comparison-panel__cta{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem 1.25rem 1.25rem;padding:.9rem 1rem;border-radius:.85rem}@media(max-width:1100px){.comparison-panel{width:min(var(--comparison-panel-width, 600px),calc(100vw - 280px))}}@media(max-width:768px){.comparison-panel{width:min(92vw,92vw);right:.75rem;top:.75rem;height:calc(100vh - 1.5rem);border:1px solid var(--border-color);border-radius:1rem}.comparison-panel__resize-handle{display:none}}.app{width:100%;min-height:100vh;position:relative;outline:none}.app-shell{min-height:100vh}.primary-pane{position:relative;width:100%;height:100vh;transition:width .24s ease}.drag-overlay{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#6366f11f;border:3px dashed var(--accent-color);color:var(--text-primary);font-size:1.25rem;font-weight:500;pointer-events:none;text-align:center;padding:1.5rem}.app--comparison-open .primary-pane{width:calc(100% - min(var(--comparison-panel-width, 600px),calc(100vw - 280px)))}.app--is-resizing .primary-pane{transition:none}.fab-stack{position:fixed;right:1.5rem;bottom:1.5rem;z-index:800;display:flex;flex-direction:column;gap:.75rem}.fab{position:static;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 2px 8px #0000004d}.fab:hover{background:var(--accent-color);color:var(--text-primary);border-color:var(--accent-color);transform:scale(1.06)}.fab--accent{background:var(--accent-color);color:var(--text-primary);border-color:var(--accent-color)}.fab--accent:hover{background:var(--accent-hover);border-color:var(--accent-hover)}@media(max-width:1100px){.app--comparison-open .primary-pane{width:calc(100% - min(var(--comparison-panel-width, 600px),calc(100vw - 280px)))}}@media(max-width:768px){.app--comparison-open .primary-pane{width:58vw}.fab-stack{right:1rem;bottom:1rem}.drag-overlay{font-size:1rem}}