:root{--bg-dark: #0a0a0a;--bg-card: #141414;--bg-input: #1a1a1a;--bg-hover: #222;--border: #2a2a2a;--border-light: #333;--text: #eee;--text-dim: #888;--text-muted: #555;--accent: #3b82f6;--accent-hover: #60a5fa;--green: #22c55e;--yellow: #eab308;--red: #ef4444;--header-height: 36px;--toolbar-height: 40px;--session-red: #ef4444;--session-orange: #f97316;--session-yellow: #eab308;--session-green: #22c55e;--session-blue: #3b82f6;--session-purple: #a855f7;--session-pink: #ec4899;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--touch-target-min: 44px}*{box-sizing:border-box;margin:0;padding:0}.skip-link{position:absolute;top:-50px;left:8px;padding:8px 16px;background:var(--accent);color:#fff;text-decoration:none;border-radius:4px;z-index:10000;font-size:.875rem;transition:top .2s}.skip-link:focus{top:8px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:focus:not(:focus-visible){outline:none}button:focus-visible,.btn-toolbar:focus-visible,.btn-icon:focus-visible,.btn-icon-header:focus-visible,.btn-icon-sm:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.xterm-helper-textarea{border:none!important;box-shadow:none!important;outline:none!important;opacity:0!important;caret-color:transparent!important}.session-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;z-index:1}.modal-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-dark);color:var(--text);height:100vh;overflow:hidden}.app{display:flex;flex-direction:column;height:100vh}.header{display:flex;align-items:flex-start;min-height:var(--header-height);padding:.35rem .75rem;background:var(--bg-card);border-bottom:1px solid var(--border);flex-shrink:0;position:relative;z-index:100;contain:layout style paint}.header-brand{display:flex;align-items:center;padding-right:.75rem;border-right:1px solid var(--border);margin-right:.5rem;height:var(--header-height);flex-shrink:0}.logo{font-size:.85rem;font-weight:600;color:var(--accent-hover);letter-spacing:-.02em;cursor:pointer;transition:color .15s,text-shadow .15s}.logo:hover{color:#93c5fd;text-shadow:0 0 8px rgba(96,165,250,.5)}.session-tabs{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:4px 2px;flex:1;overflow-x:auto;overflow-y:hidden;padding:.15rem .25rem;contain:layout}.session-tabs.tabs-two-rows{flex-wrap:wrap;overflow-x:hidden;overflow-y:auto;max-height:120px}.session-tabs::-webkit-scrollbar{width:4px;height:0}.session-tabs::-webkit-scrollbar-track{background:transparent}.session-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.session-tabs::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.session-tab{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;background:transparent;border:1px solid transparent;border-radius:4px;color:var(--text-dim);font-size:.75rem;cursor:pointer;white-space:nowrap;transition:background .05s,border-color .05s,color .05s,box-shadow .05s}.session-tab:hover{background:#22c55e0f;color:var(--text);box-shadow:0 0 8px 2px #22c55e33,inset 0 0 6px 1px #22c55e14;border-color:#22c55e33}.session-tab:active{background:#22c55e26;box-shadow:0 0 16px 5px #22c55e80,0 0 30px 10px #22c55e33,inset 0 0 10px 2px #22c55e33;border-color:#22c55e66}.session-tab.active{background:var(--bg-dark);border-color:var(--border-light);color:var(--text)}.session-tab.tab-glow{animation:tab-glow .35s ease-out forwards}@keyframes tab-glow{0%{box-shadow:0 0 #22c55e00;background:transparent}10%{box-shadow:0 0 18px 6px #22c55eb3,0 0 40px 12px #22c55e4d,inset 0 0 12px 3px #22c55e40;background:#22c55e1f}30%{box-shadow:0 0 14px 5px #22c55e80,0 0 30px 10px #22c55e33,inset 0 0 10px 2px #22c55e26;background:#22c55e14}to{box-shadow:0 0 #22c55e00;background:transparent}}.session-tab .tab-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.session-tab .tab-status.idle{background:var(--green)}.session-tab .tab-status.busy{background:var(--green);animation:pulse 1.5s infinite;will-change:opacity}.session-tab .tab-status.error{background:var(--red)}.session-tab[data-color=red]{border-left:3px solid var(--session-red)}.session-tab[data-color=orange]{border-left:3px solid var(--session-orange)}.session-tab[data-color=yellow]{border-left:3px solid var(--session-yellow)}.session-tab[data-color=green]{border-left:3px solid var(--session-green)}.session-tab[data-color=blue]{border-left:3px solid var(--session-blue)}.session-tab[data-color=purple]{border-left:3px solid var(--session-purple)}.session-tab[data-color=pink]{border-left:3px solid var(--session-pink)}.session-tab.active[data-color=red]{background:#ef44441a}.session-tab.active[data-color=orange]{background:#f973161a}.session-tab.active[data-color=yellow]{background:#eab3081a}.session-tab.active[data-color=green]{background:#22c55e1a}.session-tab.active[data-color=blue]{background:#3b82f61a}.session-tab.active[data-color=purple]{background:#a855f71a}.session-tab.active[data-color=pink]{background:#ec48991a}.session-tab .tab-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.session-tab .tab-name-row{display:flex;align-items:center;gap:.25rem}.session-tab .tab-name{overflow:hidden;text-overflow:ellipsis}.session-tab .tab-folder{font-size:.6rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;display:none}.tabs-show-folder .session-tab .tab-folder{display:block}.session-tab .tab-close{opacity:0;width:0;padding:0;font-size:.9rem;line-height:1;color:var(--text-muted);overflow:hidden;cursor:default;border-radius:3px;transition:opacity .05s ease-out,width .05s ease-out,padding .05s ease-out}.session-tab:hover .tab-close{opacity:1;width:auto;padding:.15rem .35rem}.session-tab .tab-close:hover{color:var(--red);background:#ffffff1a}.session-tab.new-tab{padding:.35rem .5rem;color:var(--text-muted);font-size:1rem;font-weight:300}.session-tab.new-tab:hover{color:var(--green)}.session-tab.tab-alert-action{animation:tab-blink-red 2.5s ease-in-out infinite}.session-tab.tab-alert-idle{animation:tab-blink-yellow 3.5s ease-in-out infinite}@keyframes tab-blink-red{0%,to{background:transparent;border-color:transparent}50%{background:#ef44441f;border-color:var(--red)}}@keyframes tab-blink-yellow{0%,to{background:transparent;border-color:transparent}50%{background:#eab3081a;border-color:var(--yellow)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.session-tab[draggable=true]{cursor:grab}.session-tab.dragging{opacity:.5;cursor:grabbing}.session-tab.drag-over-left{box-shadow:-2px 0 0 0 var(--accent)}.session-tab.drag-over-right{box-shadow:2px 0 0 0 var(--accent)}.header-right{display:flex;align-items:center;gap:.5rem;margin-left:auto;padding-left:.75rem;border-left:1px solid var(--border)}.connection-indicator{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-dim);font-family:SF Mono,Monaco,monospace;white-space:nowrap}.connection-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.connection-dot.offline{background:var(--red);box-shadow:0 0 6px var(--red)}.connection-dot.reconnecting{background:var(--yellow);animation:connection-pulse 1.5s ease-in-out infinite}.connection-dot.draining{background:var(--green);animation:connection-pulse .8s ease-in-out infinite}@keyframes connection-pulse{0%,to{opacity:1}50%{opacity:.3}}.header-tokens{font-size:.75rem;font-weight:500;color:var(--accent-hover);font-family:SF Mono,Monaco,monospace}.header-system-stats{display:flex;gap:.75rem;font-size:.65rem;font-family:SF Mono,Monaco,monospace;color:var(--text-dim);padding:0 .5rem}.stat-item{display:flex;align-items:center;gap:.35rem}.stat-label{color:var(--text-muted);font-size:.6rem;text-transform:uppercase;min-width:24px}.stat-bar{width:40px;height:6px;background:var(--bg-input);border-radius:3px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:3px;transition:width .3s ease,background .3s ease}.stat-bar-cpu{background:linear-gradient(90deg,var(--green) 0%,var(--green) 100%)}.stat-bar-cpu.medium{background:linear-gradient(90deg,var(--green) 0%,var(--yellow) 100%)}.stat-bar-cpu.high{background:linear-gradient(90deg,var(--yellow) 0%,var(--red) 100%)}.stat-bar-mem{background:linear-gradient(90deg,var(--accent) 0%,var(--accent-hover) 100%)}.stat-bar-mem.medium{background:linear-gradient(90deg,var(--accent) 0%,var(--yellow) 100%)}.stat-bar-mem.high{background:linear-gradient(90deg,var(--yellow) 0%,var(--red) 100%)}.stat-value{min-width:32px;text-align:right;color:var(--text-dim)}.stat-value.high{color:var(--red);font-weight:500}.btn-icon-header{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;border-radius:4px;transition:all .15s}.btn-icon-header:hover{background:var(--bg-hover);color:var(--text);transform:rotate(45deg)}.btn-icon-header.btn-settings{width:32px;height:32px;margin-left:0}.btn-icon-header.btn-sm{width:20px;height:20px;font-size:.7rem;font-weight:600}.btn-icon-header.btn-sm:hover{transform:none}.header-font-controls{display:flex;align-items:center;gap:.25rem;padding:.15rem .4rem;background:var(--bg-input);border-radius:4px}.header-font-controls .font-size-display{font-size:.7rem;color:var(--text-muted);min-width:18px;text-align:center;font-family:SF Mono,Monaco,monospace}.session-tab .tab-gear{opacity:0;width:0;padding:0;font-size:1rem;line-height:1;color:var(--text-muted);cursor:pointer;overflow:hidden;transition:opacity .15s,width .15s,padding .15s,transform .2s}.session-tab:hover .tab-gear{opacity:1;width:auto;padding:0 .3rem}.session-tab .tab-gear:hover{color:var(--accent-hover);transform:rotate(45deg)}.session-tab .tab-mode{font-size:.6rem;padding:1px 4px;border-radius:3px;background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase}.session-tab .tab-mode.shell{background:#eab30833;color:var(--yellow)}.timer-banner{display:flex;align-items:center;gap:1rem;padding:.4rem 1rem;background:linear-gradient(90deg,#1e3a5f,#152238);border-bottom:1px solid rgba(59,130,246,.3);flex-shrink:0}.timer-content{display:flex;align-items:center;gap:1rem;flex:1}.timer-value{font-size:1rem;font-weight:600;font-family:SF Mono,Monaco,monospace;color:var(--accent-hover)}.timer-progress{flex:1;height:4px;background:#0000004d;border-radius:2px;max-width:200px}.timer-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px;transition:width 1s linear}.timer-meta{font-size:.7rem;color:var(--text-dim)}.respawn-banner{display:flex;padding:.25rem .75rem;background:linear-gradient(90deg,#1e3a1e,#132513);border-bottom:1px solid rgba(34,197,94,.3);font-size:.7rem;flex-shrink:0}.respawn-compact-layout{display:flex;width:100%;gap:1rem}.respawn-status-col{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex-shrink:0}.respawn-status-row1{display:flex;align-items:center;gap:.5rem}.respawn-status-row2{display:flex;align-items:center;gap:.5rem;min-height:1.2em;font-size:.65rem;color:var(--text-dim)}.respawn-status-row2:empty{display:none}.respawn-countdown-timers{display:flex;gap:.3rem;flex-wrap:wrap}.respawn-countdown-timer{display:flex;align-items:center;gap:.25rem;background:#00000059;padding:.1rem .35rem;border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:.6rem}.respawn-countdown-timer .timer-name{color:var(--text-dim)}.respawn-countdown-timer .timer-value{color:var(--green);font-weight:500;min-width:2em;text-align:right}.respawn-timer-bar{width:30px;height:2px;background:#ffffff26;border-radius:1px;overflow:hidden}.respawn-timer-progress{height:100%;background:var(--green);transition:width .1s linear}.respawn-action-log{flex:1;max-height:3.2em;overflow-y:auto;font-size:.65rem;font-family:SF Mono,Monaco,monospace;color:var(--text-dim);border-left:1px solid rgba(34,197,94,.2);padding-left:.5rem}.respawn-action-log::-webkit-scrollbar{width:3px}.respawn-action-log::-webkit-scrollbar-thumb{background:#22c55e4d;border-radius:2px}.respawn-action-entry{padding:.05rem 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.respawn-action-entry .action-time{color:var(--text-muted);margin-right:.3rem}.respawn-action-entry .action-type{color:var(--green);margin-right:.3rem}.respawn-action-entry .action-detail{color:var(--text-dim)}.respawn-action-entry.action-command{color:var(--accent)}.respawn-action-entry.action-command .action-type{color:var(--accent);font-weight:600}.respawn-action-entry.action-command .action-detail{color:var(--text);font-weight:500}.respawn-indicator{color:var(--green);animation:spin 2s linear infinite;font-size:.8rem}.respawn-state{color:#fff;font-weight:600;background:#22c55e4d;padding:.1rem .4rem;border-radius:3px;font-size:.7rem}.respawn-state.respawn-blocked{background:#f443364d;color:#f44336;animation:respawn-blocked-pulse 1.5s ease-in-out infinite}@keyframes respawn-blocked-pulse{0%,to{opacity:1}50%{opacity:.6}}.respawn-cycles{color:var(--text-muted);font-family:SF Mono,Monaco,monospace;font-size:.65rem}.respawn-timer{color:var(--accent-hover);font-family:SF Mono,Monaco,monospace;font-weight:500;font-size:.65rem;padding:0 .4rem;border-left:1px solid rgba(34,197,94,.3)}.respawn-tokens{color:var(--text-dim);font-family:SF Mono,Monaco,monospace;font-size:.65rem}.detection-status{color:var(--text-dim);font-size:.65rem}.detection-ai-check{font-size:.65rem;padding:.05rem .3rem;border-radius:2px;background:#ffffff1a}.detection-ai-check.ai-checking{color:var(--accent);background:#3b82f626}.detection-ai-check.ai-idle{color:var(--green);background:#22c55e26}.detection-ai-check.ai-working{color:var(--yellow);background:#eab30826}.detection-ai-check.ai-disabled{color:var(--text-muted);background:#ffffff0d}.detection-confidence{color:var(--text-dim);font-family:SF Mono,Monaco,monospace;font-size:.6rem;padding:.05rem .25rem;background:#22c55e26;border-radius:2px}.detection-confidence.high{background:#22c55e4d;color:var(--green)}.detection-confidence.medium{background:#eab30833;color:var(--yellow)}.detection-confidence.hook-confirmed{background:#8b5cf64d;color:var(--purple, #a78bfa)}.detection-hook{font-size:.65rem;padding:.05rem .3rem;border-radius:2px;background:#8b5cf626;color:var(--purple, #a78bfa)}.detection-hook.hook-active{background:#8b5cf640;color:var(--purple, #a78bfa);font-weight:500}@keyframes pulse-hook{0%,to{opacity:1}50%{opacity:.7}}.ralph-panel{background:var(--bg-card);border-bottom:1px solid var(--border);font-size:.75rem;flex-shrink:0;overflow:hidden;position:relative;overflow-anchor:none;contain:layout style paint}.ralph-ring-mini{position:relative;width:32px;height:32px;flex-shrink:0}.ralph-ring-svg{width:100%;height:100%;transform:rotate(-90deg)}.ralph-ring-bg{fill:none;stroke:var(--bg-input);stroke-width:3}.ralph-ring-progress{fill:none;stroke:url(#ralphGradient);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .5s ease-out}.ralph-ring-progress-mini{fill:none;stroke:url(#ralphGradientMini);stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .5s ease-out}.ralph-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.4rem;font-weight:700;background:linear-gradient(135deg,#3b82f6,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;text-align:center}.ralph-summary-info{flex:1;display:flex;align-items:center;gap:.75rem;min-width:0}.ralph-title{font-weight:600;color:var(--text);font-size:.8rem;white-space:nowrap}.ralph-status-badge{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;border-radius:4px;background:var(--bg-input);font-size:.7rem;font-weight:500}.ralph-status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);transition:background .2s}.ralph-status-badge.active .ralph-status-dot{background:var(--accent);animation:ralph-pulse 1.5s ease-in-out infinite}.ralph-status-badge.completed .ralph-status-dot{background:var(--green)}.ralph-status-badge.tracking .ralph-status-dot{background:var(--yellow)}@keyframes ralph-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.ralph-circuit-breaker{display:flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;margin-left:.5rem}.ralph-circuit-breaker.half-open{background:#ffc10733;color:#ffc107;border:1px solid rgba(255,193,7,.4)}.ralph-circuit-breaker.half-open:hover{background:#ffc1074d}.ralph-circuit-breaker.open{background:#f4433633;color:#f44336;border:1px solid rgba(244,67,54,.4);animation:circuit-breaker-pulse 1s ease-in-out infinite}.ralph-circuit-breaker.open:hover{background:#f443364d}.ralph-circuit-breaker .cb-icon{font-size:.8rem}.ralph-circuit-breaker .cb-text{font-size:.65rem;text-transform:uppercase;letter-spacing:.5px}@keyframes circuit-breaker-pulse{0%,to{opacity:1}50%{opacity:.7}}.ralph-status-block{background:var(--bg-input);border-radius:4px;padding:.5rem .75rem;margin-top:.5rem;font-size:.75rem}.ralph-status-block-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-weight:600;color:var(--text-bright)}.ralph-status-block-status{padding:.1rem .4rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase}.ralph-status-block-status.in-progress{background:#2196f333;color:#2196f3}.ralph-status-block-status.complete{background:#4caf5033;color:#4caf50}.ralph-status-block-status.blocked{background:#f4433633;color:#f44336}.ralph-status-block-stats{display:flex;gap:1rem;color:var(--text-dim)}.ralph-status-block-stats span{display:flex;align-items:center;gap:.25rem}.ralph-status-block-recommendation{margin-top:.4rem;padding-top:.4rem;border-top:1px solid var(--border);color:var(--text-muted);font-style:italic}.ralph-summary-stats{display:flex;align-items:center;gap:.75rem}.ralph-stat{display:flex;align-items:center;gap:.25rem;color:var(--text-dim);font-size:.7rem}.ralph-stat-icon{font-size:.75rem;opacity:.7}.ralph-toggle{color:var(--text-dim);font-size:.6rem;flex-shrink:0}.ralph-panel.collapsed .ralph-detail{display:none}.ralph-detail{padding:.5rem .75rem;border-top:1px solid var(--border);background:var(--bg-dark)}.ralph-detail-row{display:flex;align-items:center;gap:1rem}.ralph-ring-compact{position:relative;width:75px;height:75px;flex-shrink:0}.ralph-ring-compact .ralph-ring-percent{font-size:.95rem;font-weight:600}.ralph-ring-compact .ralph-ring-label{font-size:.55rem}.ralph-info-unified{flex:1;display:flex;align-items:flex-start;gap:.75rem;overflow:hidden;min-width:0;background:var(--bg-input);padding:.4rem .6rem;border-radius:4px}.ralph-info-labels{display:grid;grid-template-columns:auto auto;gap:.15rem .5rem;flex-shrink:0;align-items:center}.ralph-info-row{display:contents}.ralph-info-label{font-size:.5rem;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;color:var(--text-muted);text-align:right}.ralph-info-unified code{font-size:.7rem;font-weight:500;padding:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:transparent;color:var(--text)}.ralph-info-unified span:not(.ralph-info-label){font-size:.7rem;font-weight:500;color:var(--text)}.ralph-info-unified .ralph-tasks-count{font-size:.7rem;font-weight:500;color:var(--text)}.ralph-info-unified .ralph-tasks-grid{flex:1;display:flex;flex-wrap:wrap;gap:.2rem;padding:0;max-height:60px;overflow-y:auto;align-content:flex-start}.ralph-tasks-compact .ralph-task-card{padding:.2rem .4rem;font-size:.65rem;border-left-width:2px}.ralph-tasks-compact .ralph-task-icon{font-size:.7rem}.ralph-tasks-compact .ralph-task-content{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ralph-ring-svg-large{width:100%;height:100%;transform:rotate(-90deg)}.ralph-ring-track{fill:none;stroke:var(--bg-input);stroke-width:6}.ralph-ring-fill{fill:none;stroke:url(#ralphGradient);stroke-width:6;stroke-linecap:round;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset .5s ease-out}.ralph-ring-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.ralph-ring-percent{font-size:1.25rem;font-weight:700;color:var(--text);line-height:1}.ralph-ring-label{font-size:.6rem;color:var(--text-dim);margin-top:.15rem}.ralph-tasks-count{color:var(--text-dim);font-weight:400}.ralph-tasks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;padding:.5rem;max-height:200px;overflow-y:auto}.ralph-task-card{display:flex;align-items:flex-start;gap:.5rem;padding:.5rem;background:var(--bg-dark);border-radius:4px;border-left:2px solid var(--text-muted);transition:border-color .2s,background .2s;position:relative}.ralph-task-card.task-pending{border-left-color:var(--text-muted)}.ralph-task-card.task-in-progress{border-left-color:var(--accent);background:#3b82f60d}.ralph-task-card.task-completed{border-left-color:var(--green);opacity:.75}.ralph-task-icon{flex-shrink:0;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.7rem;border-radius:50%}.ralph-task-card.task-pending .ralph-task-icon{color:var(--text-muted)}.ralph-task-card.task-in-progress .ralph-task-icon{color:var(--accent);animation:ralph-spin 2s linear infinite}.ralph-task-card.task-completed .ralph-task-icon{color:var(--green)}@keyframes ralph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ralph-task-content{flex:1;font-size:.7rem;color:var(--text-dim);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.ralph-task-card.task-completed .ralph-task-content{color:var(--text-dim)}.ralph-task-priority{font-size:.55rem;font-weight:700;padding:.1rem .25rem;border-radius:2px;flex-shrink:0;text-transform:uppercase}.ralph-task-priority.priority-p0{background:#f443364d;color:#f44336}.ralph-task-priority.priority-p1{background:#ffc1074d;color:#ffc107}.ralph-task-priority.priority-p2{background:#2196f333;color:#2196f3}.ralph-task-card.task-priority-p0{border-left-color:#f44336}.ralph-task-card.task-priority-p1:not(.task-completed){border-left-color:#ffc107}.ralph-state-empty{color:var(--text-muted);font-style:italic;padding:.5rem}.ralph-summary{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;user-select:none;transition:background .15s}.ralph-summary-content{display:flex;align-items:center;gap:.75rem;flex:1;cursor:pointer}.ralph-summary-content:hover{background:var(--bg-hover)}.ralph-controls{display:flex;gap:.25rem;flex-shrink:0}.ralph-menu-container{position:relative}.ralph-dropdown{display:none;position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;min-width:160px;box-shadow:0 4px 12px #0000004d;z-index:1000}.ralph-dropdown.show{display:block}.ralph-dropdown button{display:block;width:100%;padding:.5rem .75rem;border:none;background:transparent;color:var(--text);text-align:left;font-size:.75rem;cursor:pointer}.ralph-dropdown button:hover{background:var(--bg-hover)}.ralph-dropdown hr{margin:.25rem 0;border:none;border-top:1px solid var(--border)}.ralph-panel.detached{position:fixed;top:80px;left:50px;width:600px;height:400px;min-width:350px;min-height:200px;max-width:90vw;max-height:80vh;z-index:1000;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #00000080;background:var(--bg-card);overflow:hidden;resize:both;display:flex;flex-direction:column}.ralph-panel.detached .ralph-summary{cursor:move;background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-card) 100%);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;flex-shrink:0}.ralph-panel.detached .ralph-summary-content{cursor:move}.ralph-panel.detached .ralph-summary-content:hover{background:transparent}.ralph-panel.detached .ralph-detail{flex:1;max-height:none;overflow:auto;display:flex;flex-direction:column}.ralph-panel.detached .ralph-detail-row{flex:1;overflow:auto}.ralph-panel.detached .ralph-info-unified{flex-direction:column;flex:1;overflow:auto}.ralph-panel.detached .ralph-info-unified .ralph-tasks-grid{max-height:none;flex:1}.ralph-panel.detached.collapsed{min-height:auto;height:auto}.main{flex:1;display:flex;overflow:hidden;background:var(--bg-dark);position:relative}.terminal-container{flex:1;background:#0d0d0d;overflow:hidden;position:relative;contain:layout paint;will-change:contents}.terminal-container .xterm{height:100%;padding:0}.terminal-container .xterm-viewport{background:transparent!important}.welcome-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);z-index:10;opacity:0;pointer-events:none;transition:opacity .2s ease}.welcome-overlay.visible{opacity:1;pointer-events:auto}.welcome-content{text-align:center;max-width:500px;padding:2rem}.welcome-title{font-size:1.75rem;font-weight:600;color:var(--accent-hover);margin-bottom:1rem;letter-spacing:-.02em}.welcome-desc{color:var(--text-dim);font-size:.9rem;line-height:1.5;margin-bottom:.5rem}.welcome-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;margin-bottom:1.5rem}.welcome-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:500;border-radius:6px;border:1px solid transparent;cursor:pointer;transition:all .15s ease}.welcome-btn-primary{background:linear-gradient(135deg,#1e3a5f,#2563eb);border-color:#3b82f6;color:#e0e7ff}.welcome-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 0 12px #3b82f666;color:#fff}.welcome-btn-ralph{background:linear-gradient(135deg,#3d3415,#4a3f1a);border-color:#6b5a1e;color:#eab308}.welcome-btn-ralph:hover{background:linear-gradient(135deg,#4a3f1a,#5a4d20);border-color:#8b7a2e;box-shadow:0 0 12px #eab30866;color:#fcd34d}.welcome-hint{color:var(--text-muted);font-size:.8rem}.welcome-hint kbd{display:inline-block;padding:.15rem .4rem;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;font-family:inherit;font-size:.75rem;color:var(--text-dim)}.toolbar{display:flex;align-items:center;justify-content:space-between;position:relative;height:var(--toolbar-height);padding:0 .5rem;background:var(--bg-card);border-top:1px solid var(--border);flex-shrink:0;contain:style}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.5rem}.toolbar-center{position:absolute;left:50%;transform:translate(-50%)}.version-display{font-family:SF Mono,Monaco,monospace;font-size:.7rem;color:var(--text-muted);padding:.2rem .5rem;background:#ffffff0d;border-radius:3px;cursor:default;user-select:none}.toolbar-group{display:flex;align-items:center;gap:0}.btn-toolbar{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-size:.75rem;cursor:pointer;transition:all .15s;white-space:nowrap}.btn-toolbar:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.btn-toolbar.btn-sm{padding:.3rem .5rem;font-size:.7rem}.btn-toolbar.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-toolbar.btn-primary:hover{background:var(--accent-hover)}.btn-toolbar.btn-claude{background:linear-gradient(135deg,#1e3a5f,#2563eb);border-color:#3b82f6;color:#e0e7ff;font-weight:500;padding:.4rem .85rem;gap:.4rem}.btn-toolbar.btn-claude:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#3b82f6;box-shadow:0 0 12px #3b82f666;color:#fff}.btn-toolbar.btn-claude svg{flex-shrink:0;width:12px;height:12px}.btn-toolbar.btn-shell{background:linear-gradient(135deg,#1a2e1a,#234023);border-color:#2d5a2d;color:#8fbc8f;font-weight:500}.btn-toolbar.btn-shell:hover{background:linear-gradient(135deg,#234023,#2d5a2d);border-color:#3d7a3d;box-shadow:0 0 8px #228b2266;color:#a8d8a8}.btn-toolbar.btn-stop{display:none;background:linear-gradient(135deg,#5a1a1a,#7f1d1d);border-color:#dc2626;color:#fca5a5;font-weight:500}.btn-toolbar.btn-stop:hover{background:linear-gradient(135deg,#7f1d1d,#991b1b);border-color:#ef4444;box-shadow:0 0 8px #dc262666;color:#fff}.btn-toolbar.btn-stop svg{flex-shrink:0;width:12px;height:12px}.btn-toolbar.btn-stop.confirming{background:linear-gradient(135deg,#6b4f00,#856200);border-color:#b8860b;color:#ffd54f;font-size:.65rem;white-space:nowrap}.btn-settings-mobile{display:none}.btn-toolbar.btn-case-mobile{display:none;background:transparent;border:1px solid rgba(255,255,255,.2);color:#9ca3af;gap:4px}.btn-toolbar.btn-case-mobile:hover{background:#ffffff1a;color:#fff}.btn-toolbar.btn-case-mobile svg{flex-shrink:0}.btn-toolbar.btn-case-mobile #mobileCaseName{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-case-settings-mobile,.case-settings-popover-mobile,.case-settings-popover-mobile.hidden{display:none}.btn-toolbar .btn-icon{display:inline-flex;align-items:center;justify-content:center}.btn-toolbar.btn-success{background:var(--green);border-color:var(--green);color:#fff}.btn-toolbar.btn-success:hover{background:#16a34a}.btn-toolbar.btn-danger{color:var(--red);border-color:#ef44444d}.btn-toolbar.btn-danger:hover{background:var(--red);color:#fff;border-color:var(--red)}.btn-icon-only{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);font-size:.7rem;cursor:pointer;transition:all .15s}.btn-icon-only:hover{background:var(--bg-hover);color:var(--text)}.case-select-group{display:flex;align-items:center;position:relative}.toolbar-select{padding:.4rem 1.5rem .4rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px 0 0 4px;color:var(--text-dim);font-size:.75rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .4rem center;width:fit-content;min-width:unset;max-width:unset}.toolbar-select:hover{border-color:var(--border-light)}.toolbar-select:focus{outline:none;border-color:var(--accent)}.btn-case-add{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-input);border:1px solid var(--border);border-left:none;border-radius:0;color:var(--green);font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-case-add:hover{background:var(--green);color:#fff;border-color:var(--green)}.btn-case-settings{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-input);border:1px solid var(--border);border-left:none;border-radius:0 4px 4px 0;color:var(--text-dim);font-size:1rem;cursor:pointer;transition:all .15s}.btn-case-settings:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.case-settings-popover{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;padding:.5rem .6rem;width:220px;z-index:1000;box-shadow:0 4px 12px #0000004d}.case-settings-popover.hidden{display:none}.case-settings-popover .form-hint{margin-top:.2rem;font-size:.6rem}.toolbar-input{padding:.4rem .5rem;background:var(--bg-input);border:1px solid var(--accent);border-radius:4px;color:var(--text);font-size:.75rem;width:350px;max-width:50vw}.tab-count-group{display:flex;align-items:center;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;overflow:hidden;margin:0 .25rem}.tab-count-btn{display:flex;align-items:center;justify-content:center;width:22px;height:26px;background:transparent;border:none;color:var(--text-dim);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.tab-count-btn:hover{background:var(--bg-hover);color:var(--accent-hover)}.tab-count-btn:active{background:var(--accent);color:#fff}.tab-count-input{width:24px;height:26px;background:transparent;border:none;border-left:1px solid var(--border);border-right:1px solid var(--border);color:var(--text);font-size:.75rem;font-weight:600;text-align:center;font-family:SF Mono,Monaco,monospace;-moz-appearance:textfield}.tab-count-input::-webkit-inner-spin-button,.tab-count-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tab-count-input:focus{outline:none}.toolbar-input-sm{padding:.3rem .4rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem;width:40px;text-align:center}.toolbar-input-sm:focus{outline:none;border-color:var(--accent)}.toolbar-input-sm::-webkit-inner-spin-button,.toolbar-input-sm::-webkit-outer-spin-button{opacity:1;height:16px}#dirDisplay{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.toolbar-input:focus{outline:none}.toolbar-input.hidden{display:none}.font-size-display{font-size:.65rem;color:var(--text-muted);min-width:20px;text-align:center;font-family:SF Mono,Monaco,monospace}.btn-close{background:transparent;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:0 .25rem;line-height:1}.btn-close:hover{color:var(--text)}.btn-icon-sm{background:transparent;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:.25rem;line-height:1;border-radius:4px}.btn-icon-sm:hover{color:var(--text);background:var(--bg-hover)}.settings-section{margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.settings-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-row{margin-bottom:.75rem}.form-row label{display:block;font-size:.7rem;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.form-row input[type=text],.form-row input[type=number],.form-row textarea,.form-select{width:100%;padding:.5rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem;font-family:inherit}.form-row input:focus,.form-row textarea:focus,.form-select:focus{outline:none;border-color:var(--accent)}.form-col{flex:1}.form-col label{display:block;font-size:.7rem;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.input-suffix{display:flex;align-items:center}.input-suffix input{flex:1;border-radius:4px 0 0 4px;border-right:none}.input-suffix span{padding:.5rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:0 4px 4px 0;color:var(--text-muted);font-size:.75rem}.form-hint{display:block;font-size:.65rem;color:var(--text-muted);margin-top:.35rem}.preset-selector{display:flex;gap:8px;align-items:center}.preset-selector select{flex:1;min-width:0;padding:.4rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem}.preset-selector select:focus{outline:none;border-color:var(--accent)}.preset-selector .btn-sm{white-space:nowrap;padding:4px 8px;font-size:.7rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;transition:all .15s}.preset-selector .btn-sm:hover{background:var(--bg-hover);border-color:var(--border-light)}.form-section-header{font-size:.7rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.form-section-header:first-child{margin-top:0}.form-row-switch{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.form-row-switch>label:first-child{margin-bottom:0;min-width:120px}.form-row-switch .form-hint{flex-basis:100%;margin-top:.25rem}.switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-input);border:1px solid var(--border);transition:.2s;border-radius:20px}.switch .slider:before{position:absolute;content:"";height:14px;width:14px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.2s;border-radius:50%}.switch input:checked+.slider{background-color:var(--accent);border-color:var(--accent)}.switch input:checked+.slider:before{transform:translate(16px);background-color:#fff}.switch input:focus+.slider{box-shadow:0 0 0 2px #3b82f64d}.switch-sm{width:28px;height:16px}.switch-sm .slider:before{height:10px;width:10px;left:2px;bottom:2px}.switch-sm input:checked+.slider:before{transform:translate(12px)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem}.settings-section-header{grid-column:1 / -1;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:.5rem 0 .25rem;border-bottom:1px solid var(--border);margin-top:.75rem}.settings-section-header:first-child{margin-top:0}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;font-size:.75rem}.settings-item-label{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-item-multiline{align-items:center}.settings-item-text{display:flex;flex-direction:column;gap:.15rem;min-width:0}.settings-item-desc{font-size:.6rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-item-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.settings-grid-3col{grid-template-columns:1fr 1fr 1fr}.settings-item-input{width:60px;padding:.2rem .4rem;font-size:.7rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:3px;color:var(--text);text-align:right}.settings-item-input:focus{outline:none;border-color:var(--accent)}.settings-status{font-size:.6rem;padding:2px 6px;border-radius:3px;background:var(--bg-hover);color:var(--text-dim)}.settings-status.granted{background:#22c55e33;color:var(--green)}.settings-status.denied{background:#ef444433;color:var(--red)}.event-type-grid{display:grid;grid-template-columns:1fr 50px 50px 50px;gap:6px 8px;align-items:center;margin-top:8px;padding:8px;background:var(--bg-dark);border-radius:4px}.event-header{font-size:.65rem;text-transform:uppercase;color:var(--text-dim);text-align:center;font-weight:500}.event-header:first-child{text-align:left}.event-label{font-size:.75rem;color:var(--text)}.event-type-grid input[type=checkbox]{justify-self:center;width:14px;height:14px;cursor:pointer}.color-picker{display:flex;gap:6px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:4px;border:2px solid transparent;background:transparent;padding:2px;cursor:pointer;transition:border-color .15s,transform .1s}.color-swatch:hover{transform:scale(1.1)}.color-swatch.selected{border-color:var(--accent)}.swatch-inner{display:block;width:100%;height:100%;border-radius:2px}.form-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem;padding:.75rem;border-top:1px solid var(--border)}.modal{display:none;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;contain:layout paint}.modal.active{display:flex}.modal-backdrop{position:absolute;inset:0;background:#000000b3;backdrop-filter:blur(2px)}.modal-content{position:relative;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;width:90%;max-width:400px;box-shadow:0 10px 40px #00000080;contain:layout style paint}.modal-content.modal-sm{max-width:340px}.modal-content.modal-lg{max-width:540px;max-height:85vh;display:flex;flex-direction:column}.modal-content.modal-lg>.modal-body{overflow-y:auto;flex:1;min-height:0}.mobile-case-picker-sheet{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-radius:16px 16px 0 0;max-height:70vh;display:flex;flex-direction:column;z-index:1001;box-shadow:0 -4px 20px #0006}.mobile-case-picker-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.mobile-case-picker-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.mobile-case-picker-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:8px 0;max-height:50vh}.mobile-case-list{display:flex;flex-direction:column}.mobile-case-item{display:flex;align-items:center;gap:12px;padding:14px 20px;background:transparent;border:none;color:#e5e5e5;font-size:.95rem;text-align:left;cursor:pointer;transition:background .1s;width:100%}.mobile-case-item:hover{background:#ffffff0d}.mobile-case-item:active{background:#ffffff1a}.mobile-case-item.selected{background:#22c55e26;color:#22c55e}.mobile-case-item-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#666;flex-shrink:0}.mobile-case-item.selected .mobile-case-item-icon{color:#22c55e}.mobile-case-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-case-item-check{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#22c55e;opacity:0;flex-shrink:0}.mobile-case-item.selected .mobile-case-item-check{opacity:1}.mobile-case-picker-footer{padding:12px 20px 16px;border-top:1px solid rgba(255,255,255,.1)}.btn-case-create-mobile{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-light);border-radius:8px;color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-case-create-mobile:hover,.btn-case-create-mobile:active{background:var(--bg-hover)}.btn-case-create-mobile svg{width:16px;height:16px}.fix-plan-modal{max-width:600px;width:95%}.fix-plan-textarea{width:100%;height:400px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.75rem;line-height:1.4;background:var(--bg-dark);color:var(--text);border:1px solid var(--border);border-radius:4px;padding:.75rem;resize:vertical}.fix-plan-stats{color:var(--text-muted);font-size:.75rem;margin-right:auto}#summary-tab{display:flex;flex-direction:column;max-height:calc(70vh - 120px);overflow:hidden}#summary-tab.hidden,#respawn-tab.hidden,#context-tab.hidden,#ralph-tab.hidden,#summary-tab.hidden .run-summary-filters,#summary-tab.hidden .run-summary-timeline,#summary-tab.hidden .run-summary-footer{display:none!important}#summary-tab .run-summary-filters{flex-shrink:0}#summary-tab .run-summary-timeline{flex:1;min-height:0;max-height:none}#summary-tab .run-summary-footer{flex-shrink:0}.run-summary-filters{display:flex;gap:.375rem;margin-bottom:.75rem;flex-wrap:wrap}.filter-btn{padding:.25rem .625rem;background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:100px;color:var(--text-dim);cursor:pointer;font-size:.7rem;transition:all .15s}.filter-btn:hover{background:#ffffff0a;border-color:#ffffff26;color:var(--text)}.filter-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.run-summary-timeline{max-height:400px;overflow-y:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.run-summary-timeline::-webkit-scrollbar{width:4px}.run-summary-timeline::-webkit-scrollbar-track{background:transparent}.run-summary-timeline::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.run-summary-timeline::-webkit-scrollbar-thumb:hover{background:#fff3}.timeline-event{display:flex;gap:.5rem;padding:.5rem .625rem;margin-bottom:.375rem;background:#ffffff05;border-radius:6px;border-left:2px solid var(--border);transition:background .15s;content-visibility:auto;contain-intrinsic-size:auto 40px}.timeline-event:hover{background:#ffffff0a}.timeline-event.event-success{border-left-color:var(--green)}.timeline-event.event-warning{border-left-color:var(--yellow)}.timeline-event.event-error{border-left-color:var(--red)}.timeline-event.event-info{border-left-color:var(--accent)}.event-icon{font-size:.9rem;flex-shrink:0;opacity:.8}.event-content{flex:1;min-width:0}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.event-title{font-weight:500;font-size:.8rem;color:var(--text)}.event-time{font-size:.65rem;color:var(--text-muted);flex-shrink:0;font-family:SF Mono,Monaco,monospace}.event-details{font-size:.7rem;color:var(--text-dim);margin-top:.125rem}.run-summary-session-info{font-size:.7rem;color:var(--text-muted);font-family:SF Mono,Monaco,monospace;padding:.25rem 0}.run-summary-footer{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;padding-top:.625rem;border-top:1px solid rgba(255,255,255,.06)}.run-summary-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.run-summary-actions .btn-toolbar{font-size:.7rem;padding:.25rem .5rem}.auto-refresh-label{display:flex;align-items:center;gap:.25rem;font-size:.7rem;color:var(--text-dim);cursor:pointer}.auto-refresh-label input[type=checkbox]{cursor:pointer;width:12px;height:12px}.run-summary-timeline .empty-message{color:var(--text-muted);font-size:.75rem;text-align:center;padding:2rem 1rem;margin:0}#runSummaryModal .modal-footer{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(255,255,255,.06)}#runSummaryModal .modal-footer .run-summary-session-info{font-size:.7rem;color:var(--text-muted);font-family:SF Mono,Monaco,monospace}.modal-warning-text{color:var(--text-dim);font-size:.85rem;margin-bottom:.5rem}.close-options{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.close-option{display:flex;flex-direction:column;align-items:center;text-align:center;padding:.75rem 1rem;background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s;text-align:left}.close-option:hover{background:var(--bg-card);border-color:var(--accent)}.close-option-danger{border-color:var(--red);background:#ef44441a}.close-option-danger:hover{background:#ef444433;border-color:var(--red)}.close-option-title{font-weight:500;font-size:.9rem;color:var(--text)}.close-option-danger .close-option-title{color:var(--red)}.close-option-desc{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.modal-footer-cancel{display:flex;justify-content:center;padding-top:.5rem;border-top:1px solid var(--border)}.modal-session-name{font-family:SF Mono,Monaco,monospace;font-size:.8rem;color:var(--accent-hover);background:var(--bg-input);padding:.5rem .75rem;border-radius:4px;border:1px solid var(--border)}.session-respawn-section{padding-top:0;margin-top:0}.session-respawn-status{display:flex;align-items:center;gap:.4rem;font-size:.75rem;padding:.25rem .5rem;background:var(--bg-input);border-radius:4px}.session-respawn-status .respawn-status-indicator{width:6px;height:6px;border-radius:50%;background:var(--text-muted)}.session-respawn-status .respawn-status-text{color:var(--text-dim)}.session-respawn-status.active .respawn-status-indicator{background:var(--green);animation:pulse 1.5s infinite}.session-respawn-status.active .respawn-status-text{color:var(--green)}.checkbox-inline{display:flex;align-items:center;gap:.35rem;cursor:pointer;font-size:.8rem;color:var(--text-dim)}.checkbox-inline input[type=checkbox]{accent-color:var(--accent)}.checkbox-inline:hover{color:var(--text)}.input-suffix-sm{display:flex;align-items:center}.input-suffix-sm input{width:80px;padding:.35rem .5rem;font-size:.75rem}.input-suffix-sm span{padding:.35rem .4rem;font-size:.7rem}.duration-presets{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.duration-preset-btn{padding:.4rem .7rem;font-size:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s}.duration-preset-btn:hover{border-color:var(--border-light);color:var(--text)}.duration-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.duration-custom{display:flex;align-items:center;gap:.35rem}.duration-custom-input{display:none}.duration-custom-input.visible{display:flex}.duration-custom-input input{width:60px}.respawn-header{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.respawn-header .respawn-actions{margin:0;padding:0;border:none}.respawn-options-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.25rem}.respawn-actions{display:flex;gap:.5rem}.modal-tabs{display:flex;gap:.5rem;padding:0 1rem .75rem;border-bottom:1px solid var(--border)}.modal-tab-btn{padding:.5rem 1rem;font-size:.8rem;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s}.modal-tab-btn:hover{background:var(--bg-input);color:var(--text)}.modal-tab-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.modal-tab-content.hidden{display:none!important}.context-settings-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.context-setting{padding:.875rem;background:#ffffff05;border:1px solid var(--border);border-radius:6px}.context-setting-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.625rem}.context-setting-header .checkbox-inline span{font-weight:500}.context-setting-header .input-suffix-sm{flex-shrink:0}.context-setting-header .input-suffix-sm input{width:70px}.context-setting input[type=text]{width:100%;padding:.375rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.75rem}.context-setting input[type=text]:focus{outline:none;border-color:var(--accent)}.context-setting .form-hint{margin-top:.5rem}.ralph-limits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.5rem}@media(max-width:500px){.ralph-limits-grid{grid-template-columns:1fr 1fr}}.ralph-limits-grid .form-col input[type=number]{width:100%;padding:.375rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem}.ralph-limits-grid .form-col .form-hint{font-size:.6rem}.ralph-config-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--border)}.modal-header h3{font-size:.95rem;font-weight:500}.modal-header-actions{display:flex;align-items:center;gap:.25rem}.modal-close{background:transparent;border:none;color:var(--text-dim);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close:hover{color:var(--text)}.modal-body{padding:1rem}.shortcuts-grid{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;font-size:.8rem}.shortcuts-grid>div:nth-child(odd){text-align:right}.shortcuts-grid>div:nth-child(2n){color:var(--text-dim)}kbd{display:inline-block;padding:.15rem .4rem;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;font-family:SF Mono,Monaco,monospace;font-size:.7rem;color:var(--text)}.token-stats-modal{max-width:560px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.token-stats-modal .modal-body{overflow-y:auto;padding:1rem}.stats-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem}.stat-card{background:#ffffff08;border:1px solid var(--border);padding:.75rem;border-radius:8px;text-align:center}.stat-card-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.stat-card-value{display:block;font-size:1.1rem;font-weight:600;color:var(--text);font-family:SF Mono,Monaco,monospace}.stat-card-cost{display:block;font-size:.7rem;color:var(--accent-hover);margin-top:.15rem}.stats-chart-container{margin-bottom:1.25rem}.stats-chart-label,.stats-table-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}.stats-chart{display:flex;align-items:flex-end;gap:4px;height:80px;padding:0 4px}.stats-chart .bar{flex:1;background:linear-gradient(to top,var(--accent),var(--green));border-radius:3px 3px 0 0;min-height:3px;transition:opacity .15s;position:relative}.stats-chart .bar:hover{opacity:.8}.stats-chart .bar:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.25rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;font-size:.65rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:10}.stats-chart .bar:hover:after{opacity:1}.stats-chart-days{display:flex;gap:4px;padding:0 4px;margin-top:.35rem}.stats-chart-days span{flex:1;text-align:center;font-size:.6rem;color:var(--text-muted)}.stats-table-container{max-height:200px;overflow-y:auto}.stats-table{width:100%;font-size:.75rem}.stats-table-header,.stats-table-row{display:grid;grid-template-columns:1fr 1fr 1fr .8fr;gap:.5rem;padding:.5rem .25rem;border-bottom:1px solid var(--border)}.stats-table-header{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;background:var(--bg-card)}.stats-table-row:last-child{border-bottom:none}.stats-table-row .cell{font-family:SF Mono,Monaco,monospace}.stats-table-row .cell-date{color:var(--text-dim)}.stats-table-row .cell-cost{color:var(--accent-hover)}.stats-no-data{text-align:center;color:var(--text-muted);padding:2rem 1rem;font-size:.8rem}.header-tokens.clickable{cursor:pointer;transition:color .15s}.header-tokens.clickable:hover{color:var(--text)}.toast-container{position:fixed;top:calc(var(--header-height) + .5rem);right:.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:10000;pointer-events:none}.toast{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.6rem 1rem;font-size:.8rem;color:var(--text);box-shadow:0 4px 12px #0006;transform:translate(100%);opacity:0;transition:all .2s ease;pointer-events:auto}.toast.show{transform:translate(0);opacity:1}.toast-success{border-color:#22c55e66}.toast-error{border-color:#ef444466}.toast-warning{border-color:#eab30866}.toast-info{border-color:#3b82f666}.btn-icon-header.btn-notifications{position:relative;width:32px;height:32px;font-size:1.1rem;margin-left:0;margin-right:2px}.btn-icon-header.btn-notifications:hover{transform:none}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;background:var(--red);color:#fff;font-size:.6rem;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:notif-badge-pulse 2s ease-in-out infinite}@keyframes notif-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.notification-drawer{position:fixed;top:var(--header-height);right:0;width:340px;height:calc(100vh - var(--header-height));background:var(--bg-card);border-left:1px solid var(--border);z-index:10001;display:flex;flex-direction:column;transform:translate(100%);transition:transform .2s ease;box-shadow:-4px 0 16px #0000004d}.notification-drawer.open{transform:translate(0)}.notif-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0}.notif-drawer-title{font-size:.85rem;font-weight:600;color:var(--text)}.notif-drawer-actions{display:flex;gap:4px}.btn-notif-action{background:none;border:1px solid var(--border);color:var(--text-dim);width:26px;height:26px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:all .15s}.btn-notif-action:hover{background:var(--bg-hover);color:var(--text);border-color:var(--border-light)}.notif-drawer-list{flex:1;overflow-y:auto;padding:6px}.notif-drawer-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:.8rem}.notif-item{padding:10px 12px;margin-bottom:4px;border-radius:6px;border-left:3px solid var(--border-light);background:var(--bg-dark);cursor:pointer;transition:background .15s;animation:notif-slide-in .2s ease;content-visibility:auto;contain-intrinsic-size:auto 60px}.notif-item:hover{background:var(--bg-hover)}.notif-item.unread{background:#3b82f60d}.notif-item-critical{border-left-color:var(--red)}.notif-item-warning{border-left-color:var(--yellow)}.notif-item-info{border-left-color:var(--accent)}.notif-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.notif-item-title{font-size:.78rem;font-weight:600;color:var(--text)}.notif-item-count{font-size:.65rem;color:var(--text-muted);margin-left:6px}.notif-item-time{font-size:.65rem;color:var(--text-muted);white-space:nowrap}.notif-item-message{font-size:.72rem;color:var(--text-dim);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-item-session{display:inline-block;margin-top:4px;padding:1px 6px;background:var(--bg-hover);border:1px solid var(--border);border-radius:3px;font-size:.65rem;color:var(--text-dim)}@keyframes notif-slide-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.session-tab .tab-badge{display:flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:var(--yellow);border-radius:8px;font-size:.65rem;font-weight:600;color:#000;animation:pulse 1.5s infinite}.session-tab .tab-badge.completed{background:var(--green);animation:none}.session-tab .tab-subagent-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:2px;height:16px;padding:0 5px;border-radius:8px;font-size:.6rem;cursor:pointer;background:var(--accent);color:#fff;margin-left:4px;transition:transform .1s,background .15s}@media(hover:hover){.session-tab .tab-subagent-badge:hover{background:var(--accent-hover);transform:scale(1.05)}}.session-tab .tab-subagent-badge .subagent-label{font-size:.55rem;font-weight:600;letter-spacing:.03em}.subagent-dropdown{display:none;position:fixed;min-width:180px;max-width:280px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px #0006;z-index:10000;overflow:hidden;padding:4px 0}.subagent-dropdown.open{display:block;animation:dropdownFadeIn .1s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.subagent-dropdown.pinned{border-color:var(--accent)}.subagent-dropdown-header{display:none}.subagent-dropdown-item{display:flex;align-items:center;gap:6px;padding:6px 10px;cursor:pointer;transition:background .1s}@media(hover:hover){.subagent-dropdown-item:hover{background:var(--bg-hover)}.subagent-dropdown-item:hover .subagent-dropdown-name{color:var(--accent-hover)}.subagent-dropdown-item:hover .subagent-dropdown-close{opacity:.6}.subagent-dropdown-close:hover{opacity:1;color:var(--red)}}@media(hover:none){.subagent-dropdown-item:active{background:var(--bg-hover)}.subagent-dropdown-close{opacity:.6}}.subagent-dropdown-status{width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--text-muted)}.subagent-dropdown-status.active{background:var(--green);box-shadow:0 0 4px var(--green)}.subagent-dropdown-status.idle{background:var(--yellow)}.subagent-dropdown-status.completed{background:var(--accent)}.subagent-dropdown-name{flex:1;font-size:.72rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subagent-dropdown-close{font-size:.9rem;color:var(--text-muted);cursor:pointer;padding:0 2px;opacity:0;transition:opacity .1s,color .1s}.task-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.8rem}.task-tree{font-size:.75rem}.task-node{border-left:2px solid var(--border);padding-left:.75rem;margin-left:.5rem;margin-bottom:.25rem}.task-node:first-child{border-left:none;margin-left:0;padding-left:0}.task-item{display:flex;align-items:flex-start;gap:.5rem;padding:.4rem .5rem;background:var(--bg-input);border-radius:4px;margin-bottom:.25rem}.task-status-icon{flex-shrink:0;width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.6rem}.task-status-icon.running{background:var(--yellow);animation:pulse 1.5s infinite}.task-status-icon.completed{background:var(--green);color:#fff}.task-status-icon.failed{background:var(--red);color:#fff}.task-info{flex:1;min-width:0}.task-description{color:var(--text);word-break:break-word}.task-meta{display:flex;gap:.5rem;font-size:.65rem;color:var(--text-muted);margin-top:.2rem}.task-type{color:var(--accent)}.task-children{margin-top:.25rem}.task-toggle-btn{position:relative}.task-toggle-btn .badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;background:var(--yellow);border-radius:7px;font-size:.6rem;font-weight:600;color:#000;display:flex;align-items:center;justify-content:center}::-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-light)}.process-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.8rem}.process-item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:var(--bg-input);border-radius:4px;margin-bottom:.5rem}.process-item:hover{background:var(--bg-hover)}.process-info{flex:1;min-width:0}.process-name{font-size:.8rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.process-meta{display:flex;gap:.75rem;font-size:.7rem;color:var(--text-muted);margin-top:.2rem}.process-stat{display:flex;align-items:center;gap:.25rem}.process-stat.memory{color:var(--accent-hover)}.process-stat.cpu{color:var(--green)}.process-stat.children{color:var(--yellow)}.process-actions{display:flex;gap:.25rem}.process-mode{font-size:.6rem;padding:2px 6px;border-radius:3px;background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase}.process-mode.shell{background:#eab30833;color:var(--yellow)}.monitor-panel{position:fixed;bottom:var(--toolbar-height);right:.5rem;width:380px;max-width:calc(100vw - 1rem);max-height:80vh;background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -4px 20px #0006;z-index:100;transform:translateY(100%);transition:transform .2s ease,width .2s ease;display:flex;flex-direction:column}.monitor-panel.open{transform:translateY(0)}.monitor-panel.detached{bottom:auto;right:auto;top:100px;left:calc(50% - 300px);width:600px;height:500px;max-height:none;border-radius:8px;border-bottom:1px solid var(--border);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;transform:none;resize:both;overflow:hidden;min-width:350px;min-height:250px}.monitor-panel.detached .monitor-panel-header{cursor:move;background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-card) 100%);user-select:none}.monitor-panel.detached .monitor-resize-handle{display:block}.monitor-panel.detached .monitor-section-body{max-height:none}.monitor-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:500;flex-shrink:0}.monitor-panel-title{font-weight:600;font-size:.8rem;color:var(--text)}.monitor-panel-actions{display:flex;align-items:center;gap:.5rem}.monitor-panel-body{flex:1;overflow-y:auto;padding:0}.monitor-resize-handle{display:none;position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:nwse-resize;background:linear-gradient(135deg,transparent 50%,var(--border-light) 50%);border-radius:0 0 8px}.monitor-resize-handle:before{content:"";position:absolute;bottom:3px;right:3px;width:8px;height:8px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted)}.monitor-section{border-bottom:1px solid var(--border)}.monitor-section:last-child{border-bottom:none}.monitor-section-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-input);font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.monitor-section-body{padding:.5rem;max-height:25vh;overflow-y:auto}.monitor-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.8rem}.task-stats{font-size:.65rem;color:var(--text-dim);padding:.15rem .4rem;background:var(--bg-card);border-radius:8px}@media(max-width:600px){.header-brand,.connection-text{display:none}.toolbar-left .toolbar-group:not(:first-child){display:none}.monitor-panel{width:100%;max-width:100%;border-radius:8px 8px 0 0}}.subagents-panel{position:fixed;bottom:var(--toolbar-height);right:.5rem;width:500px;max-width:calc(100vw - 1rem);max-height:50vh;background:var(--bg-card);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;z-index:91;transform:translateY(calc(100% - 36px));transition:transform .2s ease,width .2s ease;display:flex;flex-direction:column}.subagents-panel.open{transform:translateY(0);max-height:65vh}.subagents-panel.hidden{display:none}.subagents-panel.detached{bottom:auto;right:auto;top:80px;left:calc(50% - 350px);width:700px;height:500px;max-height:none;border-radius:8px;border-bottom:1px solid var(--border);box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d;transform:none;resize:both;overflow:hidden;min-width:400px;min-height:300px}.subagents-panel.detached .subagents-panel-header{cursor:move;background:linear-gradient(180deg,var(--bg-hover) 0%,var(--bg-card) 100%);user-select:none}.subagents-panel.detached .subagents-resize-handle{display:block}.subagents-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem 1rem;border-bottom:1px solid var(--border);flex-shrink:0}.subagents-panel-title{font-weight:600;font-size:.8rem;color:var(--text);display:flex;align-items:center;gap:.5rem}.subagents-panel-actions{display:flex;align-items:center;gap:.5rem}.subagents-panel-body{flex:1;overflow-y:auto;padding:.5rem}.subagents-resize-handle{display:none;position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:se-resize}.subagents-resize-handle:after{content:"";position:absolute;bottom:3px;right:3px;width:8px;height:8px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted)}@media(max-width:600px){.subagents-panel{width:100%;max-width:100%;left:0;right:0;border-radius:8px 8px 0 0}}.subagent-container{display:flex;gap:.5rem;height:100%;min-height:280px}.subagent-list{flex:0 0 200px;overflow-y:auto;border-right:1px solid var(--border);padding-right:.5rem}.subagent-detail{flex:1;overflow-y:auto;padding-left:.5rem}.subagent-empty{color:var(--text-dim);font-size:.75rem;text-align:center;padding:1rem}.subagent-badge{background:var(--accent);color:#fff;font-size:.65rem;padding:.1rem .4rem;border-radius:8px;margin-left:.5rem}.subagent-item{padding:.5rem;border-radius:6px;background:var(--bg-input);margin-bottom:.4rem;cursor:pointer;transition:background .15s;content-visibility:auto;contain-intrinsic-size:auto 48px}.subagent-item:hover{background:var(--bg-card)}.subagent-item.selected{background:var(--bg-card);border:1px solid var(--accent)}.subagent-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem}.subagent-icon{font-size:.9rem}.subagent-id{font-family:var(--font-mono);font-size:.75rem;color:#fff}.subagent-status{font-size:.6rem;padding:.1rem .3rem;border-radius:4px;margin-left:auto}.subagent-status.active{background:var(--success);color:#fff}.subagent-status.idle{background:var(--warning);color:#000}.subagent-status.completed{background:var(--text-muted);color:#fff}.subagent-window-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.1rem .3rem;font-size:.75rem;margin-left:auto}.subagent-window-btn:hover{color:var(--accent)}.subagent-kill-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.1rem .3rem;font-size:.7rem;opacity:.6;transition:opacity .15s,color .15s}.subagent-kill-btn:hover{color:var(--red);opacity:1}.subagent-meta{display:flex;gap:.5rem;font-size:.65rem;color:var(--text-muted)}.subagent-last-tool{color:var(--accent)}.subagent-detail-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.subagent-detail-header .subagent-id{font-size:.85rem;font-weight:600}.subagent-transcript-btn{margin-left:auto;font-size:.65rem;padding:.2rem .5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer}.subagent-transcript-btn:hover{background:var(--bg-hover)}.subagent-detail-stats{display:flex;gap:1rem;font-size:.7rem;color:var(--text-muted);margin-bottom:.5rem}.subagent-activity-log{font-family:var(--font-mono);font-size:.7rem;max-height:150px;overflow-y:auto}.subagent-activity{display:flex;gap:.4rem;padding:.2rem 0;border-bottom:1px solid var(--border-subtle)}.subagent-activity .time{color:var(--text-muted);flex:0 0 60px}.subagent-activity .icon{flex:0 0 20px}.subagent-activity .name{color:var(--accent);flex:0 0 80px}.subagent-activity .detail{color:var(--text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subagent-activity.tool .icon{color:var(--accent)}.subagent-activity.progress .icon{color:var(--warning)}.subagent-activity.message .icon{color:var(--text)}.subagent-model-badge{font-size:.55rem;padding:.1rem .35rem;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.subagent-model-badge.haiku{background:#4ade80;color:#052e16}.subagent-model-badge.sonnet{background:#60a5fa;color:#1e3a5f}.subagent-model-badge.opus{background:#c084fc;color:#3b0764}.subagent-activity.progress.hook .icon,.activity-line.hook-line .tool-icon{color:#f59e0b}.subagent-activity.tool-result .icon{color:var(--success)}.subagent-activity.tool-result.error .icon{color:var(--red)}.activity-line.result-line .tool-icon{color:var(--success)}.activity-line.result-line.error .tool-icon{color:var(--red)}.activity-line.result-line .tool-detail{color:var(--text-dim);font-style:italic}.tool-expand-btn{background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;font-size:.6rem;padding:.1rem .3rem;margin-left:.3rem;transition:all .15s}.tool-expand-btn:hover{background:var(--bg-hover);color:var(--text)}.tool-params-expanded{background:var(--bg-dark);border-left:2px solid var(--accent);margin:.3rem 0 .3rem 2rem;padding:.4rem .6rem;border-radius:0 4px 4px 0;font-size:.65rem;max-height:150px;overflow-y:auto}.tool-params-expanded pre{margin:0;white-space:pre-wrap;word-break:break-all;color:var(--text-dim)}.subagent-window{position:fixed;width:420px;height:350px;min-width:280px;min-height:180px;max-width:90vw;max-height:80vh;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0006;z-index:1000;display:flex;flex-direction:column;overflow:hidden;resize:both;contain:layout paint}.subagent-window:after{content:"";position:absolute;bottom:4px;right:4px;width:12px;height:12px;background:linear-gradient(135deg,transparent 50%,var(--border-light) 50%,var(--border-light) 60%,transparent 60%,transparent 70%,var(--border-light) 70%,var(--border-light) 80%,transparent 80%);pointer-events:none;opacity:.6}.subagent-window-header{display:flex;align-items:center;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);cursor:move}.subagent-window-title{display:flex;align-items:center;gap:.4rem;flex:1}.subagent-window-title .icon{font-size:1rem}.subagent-window-title .id{font-family:var(--font-mono);font-size:.8rem;color:#fff}.subagent-window-title .status{font-size:.6rem;padding:.1rem .3rem;border-radius:4px}.subagent-window-title .status.active{background:var(--green);color:#fff}.subagent-window-title .status.idle{background:var(--yellow);color:#000}.subagent-window-title .status.completed{background:var(--accent);color:#fff}.subagent-window-actions{display:flex;gap:.3rem}.subagent-window-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem .4rem;font-size:.9rem}.subagent-window-actions button:hover{color:var(--text)}.subagent-window-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:.5rem;font-family:var(--font-mono);font-size:.75rem;background:#111;color:#c8c8c8;min-height:0;scroll-behavior:smooth}.subagent-window-body::-webkit-scrollbar{width:6px}.subagent-window-body::-webkit-scrollbar-track{background:transparent}.subagent-window-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.subagent-window-body::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.subagent-window-body .activity-line{display:flex;gap:.3rem;padding:.15rem 0;align-items:baseline}.subagent-window-body .activity-line .time{color:#888;flex:0 0 auto;white-space:nowrap}.subagent-window-body .activity-line .tool-icon{flex:0 0 auto;opacity:.9}.subagent-window-body .activity-line .tool-name{color:#b0b0b0;flex:0 0 auto;white-space:nowrap}.subagent-window-body .activity-line .tool-detail{color:#d0d0d0;flex:1;overflow:hidden;text-overflow:ellipsis}.subagent-window-body .message-line{padding:.3rem 0;color:#c8c8c8}.subagent-window-body .progress-line{color:#a0a0a0;font-style:italic}.subagent-window-parent{background:var(--bg-darker);padding:4px 12px;font-size:11px;color:var(--text-muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.subagent-window-parent .parent-label{opacity:.7}.subagent-window-parent .parent-name{color:var(--accent);cursor:pointer;font-weight:500}.subagent-window-parent .parent-name:hover{text-decoration:underline}.subagent-window.spawning{pointer-events:none}.connection-lines-svg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999}.connection-line{stroke:#3b82f6;stroke-width:3;stroke-dasharray:5 3;fill:none;opacity:.9;filter:drop-shadow(0 0 2px rgba(0,0,0,.8)) drop-shadow(0 0 4px rgba(59,130,246,.8)) drop-shadow(0 0 8px rgba(59,130,246,.5));transition:opacity .2s,stroke-width .2s,filter .2s}.connection-line:hover{opacity:1;stroke-width:3.5;filter:drop-shadow(0 0 2px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(59,130,246,1)) drop-shadow(0 0 12px rgba(59,130,246,.7))}.connection-line.spawning-line{stroke-dasharray:1000;stroke-dashoffset:1000}.connection-line.wizard-connection{stroke:#60a5fa;stroke-width:3;filter:drop-shadow(0 0 2px rgba(0,0,0,.8)) drop-shadow(0 0 5px #60a5fa) drop-shadow(0 0 10px #60a5fa);stroke-dasharray:8 4;animation:wizard-pulse 1.5s ease-in-out infinite}@keyframes wizard-pulse{0%,to{opacity:.75}50%{opacity:1}}.connection-line.plan-to-subagent-line{stroke:#3b82f6;stroke-width:3;filter:drop-shadow(0 0 2px rgba(0,0,0,.8)) drop-shadow(0 0 4px rgba(59,130,246,.8)) drop-shadow(0 0 8px rgba(59,130,246,.5));stroke-dasharray:5 3;animation:plan-subagent-pulse 1.2s ease-in-out infinite}.connection-line.plan-to-subagent-line:hover{stroke-width:3.5;filter:drop-shadow(0 0 2px rgba(0,0,0,.9)) drop-shadow(0 0 6px rgba(59,130,246,1)) drop-shadow(0 0 12px rgba(59,130,246,.7))}@keyframes plan-subagent-pulse{0%,to{opacity:.8}50%{opacity:1}}.project-insights-panel{position:fixed;right:20px;top:calc(var(--header-height) + 10px);width:450px;height:350px;min-width:300px;min-height:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;display:none;flex-direction:column;overflow:hidden;resize:both}.project-insights-panel.visible{display:flex}.project-insights-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;flex-shrink:0}.project-insights-title{font-size:.85rem;font-weight:600;color:var(--text)}.project-insights-body{flex:1;overflow-y:auto;padding:.5rem}.project-insights-resize-handle{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:se-resize;opacity:.5}.project-insights-resize-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted)}.project-insight-item{display:flex;flex-direction:column;padding:.5rem .6rem;border-radius:4px;background:var(--bg-input);margin-bottom:.4rem}.project-insight-item:last-child{margin-bottom:0}.project-insight-command{display:flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.8rem;color:var(--text)}.project-insight-command .icon{font-size:1rem}.project-insight-command .cmd{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-insight-paths{display:flex;flex-direction:column;gap:.25rem;margin-top:.4rem;padding-left:1.4rem}.project-insight-filepath{cursor:pointer;color:var(--accent);font-family:var(--font-mono);font-size:.75rem;text-decoration:underline;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-insight-filepath:hover{color:var(--accent-hover)}.project-insight-timeout{font-size:.7rem;color:var(--text-muted);margin-left:auto}.project-insight-status{font-size:.7rem;padding:.15rem .35rem;border-radius:3px;margin-left:.3rem}.project-insight-status.running{background:var(--success);color:#fff}.project-insight-status.completed{background:var(--text-muted);color:#fff}.file-browser-panel{position:fixed;top:calc(var(--header-height) + 10px);right:20px;width:280px;height:calc(100vh - var(--header-height) - var(--toolbar-height) - 40px);max-height:600px;min-width:200px;min-height:300px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 20px #0006;z-index:100;display:none;flex-direction:column;overflow:hidden;resize:both}.file-browser-panel.visible{display:flex}.file-browser-header{display:flex;align-items:center;justify-content:space-between;padding:.4rem .6rem;background:var(--bg-input);border-bottom:1px solid var(--border);flex-shrink:0}.file-browser-title{font-size:.8rem;font-weight:600;color:var(--text)}.file-browser-actions{display:flex;gap:.25rem}.file-browser-search{padding:.4rem;border-bottom:1px solid var(--border);flex-shrink:0}.file-browser-search input{width:100%;padding:.3rem .5rem;font-size:.75rem;background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;color:var(--text)}.file-browser-search input:focus{outline:none;border-color:var(--accent)}.file-browser-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:.25rem 0}.file-browser-body::-webkit-scrollbar{width:6px}.file-browser-body::-webkit-scrollbar-track{background:transparent}.file-browser-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.file-browser-body::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.file-browser-status{padding:.25rem .5rem;font-size:.65rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.file-browser-empty{padding:1rem;text-align:center;color:var(--text-muted);font-size:.75rem}.file-browser-loading{padding:1rem;text-align:center;color:var(--text-dim);font-size:.75rem}.file-tree-item{display:flex;align-items:center;gap:.35rem;padding:.2rem .5rem;cursor:pointer;font-size:.75rem;white-space:nowrap;user-select:none;transition:background .1s}.file-tree-item:hover{background:var(--bg-hover)}.file-tree-item.selected{background:#3b82f626}.file-tree-item.hidden-by-filter{display:none}.file-tree-icon{width:1rem;text-align:center;flex-shrink:0;font-size:.9rem}.file-tree-expand{width:.75rem;color:var(--text-muted);font-size:.6rem;flex-shrink:0;transition:transform .15s}.file-tree-expand.expanded{transform:rotate(90deg)}.file-tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.file-tree-name.directory{color:var(--accent-hover);font-weight:500}.file-tree-size{font-size:.65rem;color:var(--text-muted);margin-left:auto;padding-left:.5rem}.file-tree-item[data-depth="0"]{padding-left:.5rem}.file-tree-item[data-depth="1"]{padding-left:1.25rem}.file-tree-item[data-depth="2"]{padding-left:2rem}.file-tree-item[data-depth="3"]{padding-left:2.75rem}.file-tree-item[data-depth="4"]{padding-left:3.5rem}.file-tree-item[data-depth="5"]{padding-left:4.25rem}.file-tree-item[data-depth="6"]{padding-left:5rem}.file-tree-item[data-depth="7"]{padding-left:5.75rem}.file-tree-item[data-depth="8"]{padding-left:6.5rem}.file-tree-item[data-depth="9"]{padding-left:7.25rem}.file-preview-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(2px);z-index:2000;display:none;align-items:center;justify-content:center}.file-preview-overlay.visible{display:flex}.file-preview-window{width:80vw;max-width:900px;height:80vh;max-height:700px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;overflow:hidden}.file-preview-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);flex-shrink:0}.file-preview-title{font-family:var(--font-mono);font-size:.85rem;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-actions{display:flex;gap:.25rem}.file-preview-body{flex:1;overflow:auto;padding:0;background:#111}.file-preview-body pre{margin:0;padding:.75rem;font-family:var(--font-mono);font-size:.8rem;line-height:1.5;color:#d4d4d4;white-space:pre-wrap;word-break:break-all}.file-preview-body pre code{font-family:inherit}.file-preview-body img{max-width:100%;max-height:100%;object-fit:contain}.file-preview-body video{max-width:100%;max-height:100%}.file-preview-body .binary-message{padding:2rem;text-align:center;color:var(--text-muted)}.file-preview-footer{padding:.35rem .75rem;font-size:.7rem;color:var(--text-muted);border-top:1px solid var(--border);flex-shrink:0}.log-viewer-window{position:fixed;width:550px;height:400px;min-width:350px;min-height:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);z-index:2000;display:flex;flex-direction:column;overflow:hidden;resize:both;contain:layout paint}.log-viewer-window-header{display:flex;align-items:center;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);cursor:move}.log-viewer-window-title{display:flex;align-items:center;gap:.4rem;flex:1}.log-viewer-window-title .icon{font-size:1rem}.log-viewer-window-title .filename{font-family:var(--font-mono);font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.log-viewer-window-title .status{font-size:.6rem;padding:.1rem .3rem;border-radius:4px;margin-left:.5rem}.log-viewer-window-title .status.streaming{background:var(--success);color:#fff;animation:pulse 2s infinite}.log-viewer-window-title .status.disconnected{background:var(--text-muted);color:#fff}.log-viewer-window-title .status.error{background:var(--error);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.log-viewer-window-actions{display:flex;gap:.3rem}.log-viewer-window-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem .4rem;font-size:.9rem}.log-viewer-window-actions button:hover{color:var(--text)}.log-viewer-window-body{flex:1;overflow-y:auto;padding:.5rem;font-family:var(--font-mono);font-size:.75rem;background:var(--bg-dark);white-space:pre-wrap;word-break:break-all;color:var(--text);line-height:1.4}.log-viewer-window-body .log-line{padding:.1rem 0;content-visibility:auto;contain-intrinsic-size:auto 20px}.log-viewer-window-body .log-error{color:var(--error)}.log-viewer-window-body .log-info{color:var(--text-muted);font-style:italic}.image-popup-window{position:fixed;width:600px;height:500px;min-width:300px;min-height:250px;max-width:90vw;max-height:90vh;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;resize:both;z-index:3000;contain:layout paint}.image-popup-header{display:flex;align-items:center;padding:.5rem .75rem;background:var(--bg-input);border-bottom:1px solid var(--border);cursor:move}.image-popup-title{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0}.image-popup-title .icon{font-size:1rem;flex-shrink:0}.image-popup-title .filename{font-family:var(--font-mono);font-size:.8rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-popup-title .session-badge{font-size:.6rem;padding:.1rem .4rem;border-radius:4px;background:var(--accent);color:#fff;flex-shrink:0}.image-popup-title .size-badge{font-size:.6rem;padding:.1rem .3rem;border-radius:4px;background:var(--text-muted);color:#fff;flex-shrink:0}.image-popup-actions{display:flex;gap:.3rem;flex-shrink:0}.image-popup-actions button{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem .4rem;font-size:.9rem}.image-popup-actions button:hover{color:var(--text)}.image-popup-body{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1a1a1a;padding:.5rem}.image-popup-body img{max-width:100%;max-height:100%;object-fit:contain;cursor:pointer;transition:transform .1s ease}.image-popup-body img:hover{transform:scale(1.02)}.image-popup-body .image-error{color:var(--error);font-size:.85rem;padding:1rem;text-align:center}.xterm-link-layer .xterm-link{text-decoration:underline;text-decoration-style:dotted;cursor:pointer}.xterm .xterm-screen .xterm-decoration-container .xterm-decoration.xterm-link-decoration{cursor:pointer}.wizard-progress{display:flex;justify-content:center;gap:1.5rem;padding:.5rem .75rem;background:var(--bg-dark);border-bottom:1px solid var(--border)}.wizard-step{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem;transition:color .2s}.wizard-step.active{color:var(--accent)}.wizard-step.completed{color:var(--green)}.wizard-step-number{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--bg-input);border:1px solid var(--border);border-radius:50%;font-size:.7rem;font-weight:600}.wizard-step.active .wizard-step-number{background:var(--accent);border-color:var(--accent);color:#fff}.wizard-step.completed .wizard-step-number{background:var(--green);border-color:var(--green);color:#fff}.wizard-step-label{font-weight:500}.wizard-page{min-height:180px}.wizard-page.hidden{display:none}.wizard-footer{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-top:1px solid var(--border);background:var(--bg-card)}.wizard-footer-right{display:flex;gap:.5rem}.modal-wizard{width:480px;max-width:95vw;max-height:70vh;display:flex;flex-direction:column}.modal-wizard.draggable{position:absolute;transform:none;cursor:default}.modal-wizard .modal-header{cursor:grab;user-select:none}.modal-wizard .modal-header:active{cursor:grabbing}.wizard-agents-tab{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--accent);border-radius:20px;padding:.5rem 1rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 20px #0006,0 0 20px #60a5fa33;z-index:1200;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.wizard-agents-tab:hover{transform:translate(-50%) scale(1.05);box-shadow:0 6px 25px #00000080,0 0 25px #60a5fa4d}.wizard-agents-tab .tab-icon{font-size:1.1rem}.wizard-agents-tab .tab-label{font-size:.85rem;font-weight:500;color:var(--text)}.wizard-agents-tab .tab-count{background:var(--accent);color:#fff;padding:.15rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600}.wizard-agents-tab .tab-running{display:flex;align-items:center;gap:.35rem}.wizard-agents-tab .tab-spinner{width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.wizard-minimize-agents{background:transparent;border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;font-size:.7rem;color:var(--text-dim);cursor:pointer;margin-right:.5rem;display:flex;align-items:center;gap:.3rem;transition:all .15s ease}.wizard-minimize-agents:hover{background:var(--bg-hover);color:var(--text);border-color:var(--accent)}.wizard-minimize-agents .agent-count{background:var(--accent);color:#fff;padding:.1rem .35rem;border-radius:8px;font-size:.65rem;font-weight:600}.wizard-minimize-btn{margin-right:.25rem;font-size:1.2rem;line-height:1}.wizard-minimized-indicator{display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--bg-card);border:1px solid var(--accent);border-radius:8px;padding:.5rem 1rem;cursor:pointer;z-index:1000;box-shadow:0 4px 12px #0000004d;transition:all .2s ease;gap:.5rem;align-items:center}.wizard-minimized-indicator.visible{display:flex}.wizard-minimized-indicator:hover{background:var(--bg-hover);border-color:var(--accent-bright);transform:translate(-50%) scale(1.02)}.wizard-minimized-icon{font-size:1.1rem;animation:spin 2s linear infinite}.wizard-minimized-text{font-size:.8rem;color:var(--text);font-weight:500}.wizard-minimized-time{font-size:.75rem;color:var(--text-dim);background:var(--bg-input);padding:.15rem .4rem;border-radius:4px}.modal-wizard .modal-body{overflow-y:auto;flex:1;min-height:0}.modal-wizard .wizard-footer{flex-shrink:0}.wizard-page-compact{min-height:auto;padding:.5rem 0}.wizard-step-intro{text-align:center;margin-bottom:.75rem;color:var(--text-dim);font-size:.9rem}.wizard-step-intro p{margin:0}.wizard-inline-row{display:flex;gap:1rem;margin-top:.75rem}.wizard-inline-field{flex:1}.wizard-inline-field-small{flex:0 0 auto}.wizard-inline-field label{display:block;font-size:.8rem;color:var(--text-dim);margin-bottom:.25rem}.iteration-presets-compact{display:flex;gap:.25rem}.iteration-presets-compact .iteration-preset-btn{padding:.35rem .6rem;font-size:.75rem;min-width:36px}.plan-section{padding:1rem;text-align:center}.plan-actions{display:flex;gap:.5rem;justify-content:center}.existing-plan-badge{font-size:.7rem;background:var(--accent);color:#fff;padding:.1rem .4rem;border-radius:3px;margin-left:.5rem;font-weight:400}.existing-plan-card{background:var(--bg-input);border:1px solid var(--accent);border-radius:6px;padding:1rem;text-align:left}.existing-plan-header{display:flex;align-items:center;gap:.5rem;font-weight:500;margin-bottom:.75rem}.existing-plan-icon{font-size:1.2rem}.existing-plan-stats{display:flex;gap:1rem;margin-bottom:1rem;font-size:.85rem}.existing-plan-stats .stat{display:flex;align-items:center;gap:.25rem}.existing-plan-stats .stat.pending{color:var(--yellow)}.existing-plan-stats .stat.completed{color:var(--green)}.existing-plan-stats .stat.total{color:var(--text-muted)}.existing-plan-actions{display:flex;gap:.5rem}.plan-loading-state{padding:1.5rem 1rem;text-align:center}.plan-loading-content{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:.75rem}.plan-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.plan-loading-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.plan-loading-title{font-weight:500;color:var(--text)}.plan-loading-time{font-size:.8rem;color:var(--text-muted);font-family:SF Mono,Monaco,monospace}.plan-loading-hint{color:var(--text-dim);font-size:.85rem;margin:0 0 1rem}.plan-error-msg{color:var(--red);margin-bottom:1rem}.plan-option-group{display:flex;align-items:center;gap:.5rem}.plan-option-group label{font-size:.8rem;color:var(--text-dim)}.plan-option-group select{padding:.3rem .5rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.8rem}.plan-detail-btns{display:flex;gap:.25rem}.plan-detail-btn{padding:.3rem .6rem;font-size:.75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s}.plan-detail-btn:hover{border-color:var(--border-light)}.plan-detail-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.plan-editor-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;font-weight:500;font-size:.9rem}.plan-stats{font-weight:400;font-size:.8rem;color:var(--text-muted);margin-left:.5rem}.plan-editor-actions{display:flex;gap:.35rem;flex-wrap:wrap;align-items:center}.plan-items-list{display:flex;flex-direction:column;gap:.35rem;max-height:280px;overflow-y:auto;margin-bottom:.5rem}.plan-loading-actions{display:flex;gap:.5rem;justify-content:center}.plan-autostart-toggle{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.plan-autostart-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;justify-content:center}.plan-autostart-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.plan-autostart-text{font-size:.85rem;color:var(--text)}.plan-autostart-label:hover .plan-autostart-text{color:var(--accent)}.existing-wizard-files-section{padding:1rem}.existing-wizard-card{background:var(--bg-dark);border:1px solid var(--accent);border-radius:8px;padding:1rem}.existing-wizard-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.existing-wizard-icon{font-size:1.2rem}.existing-wizard-title{font-weight:600;color:var(--text)}.existing-wizard-desc{font-size:.85rem;color:var(--text-dim);margin:0 0 .75rem}.existing-wizard-agents{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:1rem}.existing-wizard-agent{background:#60a5fa33;color:var(--accent);padding:.2rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.existing-wizard-actions{display:flex;gap:.5rem;justify-content:center}.plan-cancel-btn{color:var(--red)}.plan-stopped-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:var(--surface);border-radius:6px;border:1px solid var(--border)}.plan-stopped-icon{color:var(--red);font-size:1rem}.plan-stopped-text{font-weight:500;color:var(--text)}.plan-skip-hint{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:.75rem}.plan-skip-hint strong{color:var(--text-dim)}.plan-subagent-window{position:fixed;width:280px;background:var(--bg-card);border:1px solid var(--accent);border-radius:8px;box-shadow:0 4px 20px #0006,0 0 20px #60a5fa33;overflow:hidden;animation:planSubagentSpawn .3s ease-out}@keyframes planSubagentSpawn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.plan-subagent-header{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#60a5fa33,#60a5fa1a);border-bottom:1px solid var(--border);cursor:grab;user-select:none}.plan-subagent-header:active{cursor:grabbing}.plan-subagent-icon{font-size:1rem}.plan-subagent-title{flex:1;font-weight:500;font-size:.8rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-subagent-model{font-size:.65rem;padding:.15rem .4rem;background:#7c3aed;color:#fff;border-radius:3px;text-transform:uppercase;font-weight:600}.plan-subagent-body{padding:.75rem}.plan-subagent-status{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem}.plan-subagent-status.running .plan-subagent-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}.plan-subagent-status.completed .plan-subagent-status-text{color:var(--green)}.plan-subagent-status.failed .plan-subagent-status-text{color:var(--red)}.plan-subagent-status-text{font-size:.8rem;font-weight:500}.plan-subagent-detail{font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-subagent-prompt-link{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.15rem .3rem;margin:-.15rem -.3rem;border-radius:4px;transition:background .15s ease}.plan-subagent-prompt-link:hover{background:#ffffff1a}.plan-subagent-status-text.clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.plan-subagent-status-text.clickable:hover{text-decoration-style:solid;color:var(--accent)}.plan-file-manager{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:320px;max-height:450px;background:var(--bg-card);border:1px solid var(--accent);border-radius:8px;box-shadow:0 8px 32px #00000080,0 0 20px #60a5fa26;z-index:2000;display:flex;flex-direction:column;overflow:hidden;contain:layout paint}.plan-fm-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,#60a5fa26,#60a5fa0d);border-bottom:1px solid var(--border);cursor:grab}.plan-fm-header:active{cursor:grabbing}.plan-fm-title{font-weight:600;font-size:.9rem;color:var(--text)}.plan-fm-close{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;line-height:1;border-radius:4px}.plan-fm-close:hover{background:#ffffff1a;color:var(--text)}.plan-fm-body{flex:1;overflow-y:auto;padding:.5rem}.plan-fm-loading,.plan-fm-error{padding:2rem;text-align:center;color:var(--text-muted)}.plan-fm-error{color:var(--red)}.plan-fm-files{display:flex;flex-direction:column;gap:.25rem}.plan-fm-file,.plan-fm-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:background .15s ease}.plan-fm-file:hover,.plan-fm-item:hover{background:#60a5fa26}.plan-fm-file-icon,.plan-fm-item-icon{font-size:1rem}.plan-fm-file-name,.plan-fm-item-name{flex:1;font-size:.85rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-fm-item-count{background:var(--bg-dark);padding:.15rem .5rem;border-radius:10px;font-size:.7rem;color:var(--text-muted)}.plan-fm-divider{height:1px;background:var(--border);margin:.5rem 0}.plan-fm-section-title{font-size:.75rem;color:var(--text-muted);padding:.25rem .75rem;text-transform:uppercase;letter-spacing:.5px}.plan-file-window{position:fixed;width:500px;height:400px;min-width:300px;min-height:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #00000080;z-index:1500;display:flex;flex-direction:column;overflow:hidden;contain:layout paint}.plan-file-window-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-dark);border-bottom:1px solid var(--border);cursor:grab;flex-shrink:0}.plan-file-window-header:active{cursor:grabbing}.plan-file-window-title{font-size:.8rem;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plan-file-window-close{background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:.2rem .4rem;line-height:1;border-radius:4px}.plan-file-window-close:hover{background:#ffffff1a;color:var(--text)}.plan-file-window-body{flex:1;overflow:auto;padding:0}.plan-file-content{margin:0;padding:1rem;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.75rem;line-height:1.5;color:var(--text);white-space:pre-wrap;word-break:break-word}.plan-file-content.json{color:#a5d6ff}.plan-file-content.markdown{color:var(--text-dim)}.plan-file-window-resize{position:absolute;bottom:0;right:0;width:16px;height:16px;cursor:se-resize;background:linear-gradient(135deg,transparent 50%,var(--border) 50%);border-radius:0 0 8px}.plan-file-window-resize:hover{background:linear-gradient(135deg,transparent 50%,var(--accent) 50%)}.plan-item-checkbox{flex-shrink:0;width:14px;height:14px}.plan-item-content{flex:1;background:transparent;border:1px solid var(--border);border-radius:4px;padding:.2rem .4rem;color:var(--text);font-size:.8rem}.plan-item-content:focus{outline:none;border-color:var(--accent)}.plan-item-priority{width:50px;flex-shrink:0;background:var(--bg-input);border:1px solid var(--border);color:var(--text);padding:.2rem;border-radius:4px;font-size:.75rem}.plan-item-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:0 .2rem;line-height:1}.plan-item-remove:hover{color:var(--red)}.plan-item:has(.plan-item-checkbox:not(:checked)){opacity:.5}.plan-item:has(.plan-item-checkbox:not(:checked)) .plan-item-content{text-decoration:line-through}#planEditor{text-align:left;padding:.75rem}.plan-editor-footer{text-align:left}.quality-high{color:#4ade80;font-weight:500}.quality-medium{color:#fbbf24;font-weight:500}.quality-low{color:#f87171;font-weight:500}#planWarnings{margin-bottom:.75rem;padding:.5rem;background:#fbbf241a;border-radius:4px;font-size:.8rem}#planWarnings.hidden{display:none}.plan-gaps{color:#f87171;margin-bottom:.25rem}.plan-warnings{color:#fbbf24}.plan-item{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;background:var(--bg-input);border-radius:4px;border-left:3px solid transparent;transition:border-color .15s,background-color .15s,transform .15s;cursor:default}.plan-item.dragging{opacity:.5;transform:scale(.98)}.plan-item.drag-over{background:var(--accent-dim);border-left-color:var(--accent)}.plan-item.priority-p0{border-left-color:#ef4444}.plan-item.priority-p1{border-left-color:#f59e0b}.plan-item.priority-p2{border-left-color:#3b82f6}.plan-item-drag{cursor:grab;color:var(--text-muted);font-size:.9rem;padding:0 .2rem;opacity:.5;user-select:none}.plan-item-drag:hover{opacity:1}.plan-item-drag:active{cursor:grabbing}.plan-item-phase{flex-shrink:0;min-width:22px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.7rem;border-radius:3px;background:var(--bg-card)}.plan-item-phase.phase-setup{background:#6366f1;color:#fff}.plan-item-phase.phase-test{background:#8b5cf6;color:#fff}.plan-item-phase.phase-impl{background:#06b6d4;color:#fff}.plan-item-phase.phase-review{background:#f59e0b;color:#fff}.plan-item-phase.phase-verify{background:#22c55e;color:#fff}.plan-item-verify{flex-shrink:0;display:flex;align-items:center;gap:.15rem;color:var(--green);font-size:.65rem;cursor:help;padding:.1rem .25rem;background:#22c55e1a;border-radius:3px;opacity:.85}.plan-item-verify:hover{opacity:1;background:#22c55e33}.plan-item-deps{flex-shrink:0;font-size:.65rem;color:var(--text-muted);padding:.1rem .25rem;background:var(--bg-card);border-radius:3px;cursor:help}.plan-item-deps:hover{color:var(--accent)}.plan-item-checklist{flex-shrink:0;display:flex;align-items:center;gap:.15rem;color:#f59e0b;font-size:.65rem;cursor:help;padding:.1rem .25rem;background:#f59e0b1a;border-radius:3px;opacity:.85}.plan-item-checklist:hover{opacity:1;background:#f59e0b33}.checklist-modal-container{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.checklist-modal{padding:1rem}.checklist-modal h3{margin:0 0 .5rem;color:var(--text)}.checklist-task{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.checklist-list{list-style:none;padding:0;margin:0 0 1rem;max-height:300px;overflow-y:auto}.checklist-item{display:flex;align-items:flex-start;gap:.5rem;padding:.35rem 0}.checklist-checkbox{flex-shrink:0;margin-top:.15rem}.checklist-item label{color:var(--text);font-size:.85rem;cursor:pointer}.checklist-footer{text-align:right}.plan-group-header{display:flex;align-items:center;gap:.5rem;padding:.3rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);margin-top:.5rem;cursor:pointer;user-select:none}.plan-group-header:first-child{margin-top:0}.plan-group-header:hover{color:var(--text)}.plan-group-header .group-icon{font-size:.8rem}.plan-group-header .group-count{margin-left:auto;color:var(--text-dim);font-weight:400}.plan-group-header .group-chevron{transition:transform .15s}.plan-group-header.collapsed .group-chevron{transform:rotate(-90deg)}.plan-group-items{display:flex;flex-direction:column;gap:.25rem;padding:.25rem 0}.plan-group-items.collapsed{display:none}.plan-view-toggle{display:flex;gap:.25rem}.plan-view-btn{padding:.2rem .4rem;font-size:.7rem;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-muted);cursor:pointer;transition:all .15s}.plan-view-btn:hover{color:var(--text);border-color:var(--accent)}.plan-view-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.plan-item-actions{display:flex;gap:.1rem;opacity:0;transition:opacity .15s}.plan-item:hover .plan-item-actions{opacity:1}.plan-item-action{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;padding:.1rem .2rem;border-radius:2px}.plan-item-action:hover{color:var(--text);background:var(--bg-card)}.ralph-task-attempts{position:absolute;top:2px;right:2px;font-size:.6rem;color:var(--text-muted);background:var(--bg-card);padding:0 3px;border-radius:2px}.ralph-task-attempts.has-errors{color:var(--red);background:#ef44441a}.ralph-task-verify-badge{position:absolute;bottom:2px;right:2px;font-size:.6rem;color:var(--green);opacity:.7}.ralph-task-deps-indicator{position:absolute;top:2px;left:2px;font-size:.55rem;color:var(--accent)}.ralph-task-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none;gap:.25rem;background:#000000d9;padding:.25rem;border-radius:4px}.ralph-task-card:hover .ralph-task-actions{display:flex}.ralph-task-action-btn{padding:.2rem .35rem;font-size:.65rem;background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text);cursor:pointer}.ralph-task-action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.plan-history-dropdown{position:absolute;top:100%;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:100;min-width:200px;max-height:200px;overflow-y:auto}.plan-history-list{max-height:300px;overflow-y:auto;border:1px solid var(--border);border-radius:4px}.plan-history-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid var(--border);cursor:pointer;font-size:.8rem;transition:background-color .15s}.plan-history-item:last-child{border-bottom:none}.plan-history-item:hover{background:var(--bg-input)}.plan-history-item.current{background:var(--accent-dim);cursor:default}.plan-history-item.current:after{content:"(current)";font-size:.65rem;color:var(--accent);margin-left:.5rem}.plan-history-version{font-weight:500;color:var(--text)}.plan-history-tasks{font-size:.7rem;color:var(--text-muted);margin-left:.5rem}.plan-history-time{color:var(--text-muted);font-size:.7rem}.ralph-version-info{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--text-muted);margin-left:auto}.ralph-version-info .version-badge{background:var(--bg-card);padding:.1rem .25rem;border-radius:2px;font-family:SF Mono,Monaco,monospace}.ralph-version-info .rollback-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:.65rem;padding:.1rem .25rem}.ralph-version-info .rollback-btn:hover{text-decoration:underline}.textarea-with-assist{position:relative}.textarea-with-assist textarea{width:100%;padding:.6rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:.85rem;font-family:SF Mono,Monaco,Courier New,monospace;resize:vertical;min-height:80px}.textarea-with-assist textarea:focus{outline:none;border-color:var(--accent)}.iteration-presets{display:flex;gap:.35rem;flex-wrap:wrap}.iteration-preset-btn{padding:.5rem 1rem;font-size:.8rem;font-weight:500;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-dim);cursor:pointer;transition:all .15s;min-width:50px}.iteration-preset-btn:hover{border-color:var(--border-light);color:var(--text)}.iteration-preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.case-select-inline{display:flex;gap:.5rem}.case-select-inline select{flex:1}.ralph-preview-section{margin-bottom:1rem}.ralph-preview-section>label{display:block;font-size:.7rem;color:var(--text-dim);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.03em}.ralph-prompt-preview{background:var(--bg-dark);border:1px solid var(--border);border-radius:4px;padding:.5rem .75rem;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;color:var(--text-dim);max-height:120px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.ralph-prompt-preview .preview-highlight{color:var(--accent);font-weight:500}.ralph-config-summary{background:var(--bg-input);border-radius:4px;padding:.75rem;margin-bottom:1rem}.config-summary-row{display:flex;justify-content:space-between;padding:.35rem 0;font-size:.8rem}.config-summary-row:not(:last-child){border-bottom:1px solid var(--border)}.config-label{color:var(--text-dim)}.config-summary-row code{background:var(--bg-dark);padding:.15rem .4rem;border-radius:3px;font-size:.75rem;color:var(--green)}.advanced-options{margin-top:1rem}.advanced-options summary{cursor:pointer;font-size:.8rem;color:var(--text-dim);padding:.5rem 0;border-top:1px solid var(--border)}.advanced-options summary:hover{color:var(--text)}.advanced-options[open] summary{margin-bottom:.75rem}.advanced-options-content{padding-left:.5rem}