@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;1,14..32,300&family=JetBrains+Mono:wght@400;500&display=swap";.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}@keyframes node-pulse-running{0%,to{opacity:1;box-shadow:0 8px 40px #000000b3,0 0 0 1px #ffffff0d}50%{opacity:.82;box-shadow:0 8px 40px #000000b3,0 0 0 1px #ffffff29,0 0 22px #ffffff12}}.fn-running{border-left:2px solid var(--node-color, #a8a8a8)!important;animation:node-pulse-running 1.8s ease-in-out infinite;z-index:15}.fn-done{border-left:2px solid #22c55e!important;box-shadow:inset 0 1px #ffffff14,0 0 20px #22c55e1a;border-color:#22c55e4d!important}.fn-error{border-left:2px solid #ef4444!important}@keyframes assistPulse{0%,to{opacity:.35}50%{opacity:1}}.assist-active{animation:assistPulse 2s ease-in-out infinite}.ui-section{margin-bottom:60px}.form-label{font-size:10px;font-weight:600;color:#555;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;display:block}.form-input,.form-select{width:100%;background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#d0d0d5;font-size:12px;padding:10px 12px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:#a8a8a8;color:#000;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.1);color:#fff6;border-radius:6px;padding:8px 16px;font-size:11px;cursor:pointer}.btn-ghost:hover{color:#fff;background:#ffffff0d}.btn-primary:hover{background:#fff}#export-picker{position:absolute;background:#161616;border:1px solid #222;border-radius:8px;padding:6px;z-index:1000;min-width:200px;box-shadow:0 8px 24px #0006;bottom:100%;right:0;margin-bottom:8px}#export-picker button{display:block;width:100%;background:none;border:none;color:#e8e8e8;padding:8px 12px;text-align:left;border-radius:6px;cursor:pointer;font-size:.85rem}#export-picker button:hover{background:#222}@keyframes browsePulse{0%,to{opacity:1}50%{opacity:.3}}:root{--bg-base: #070709;--bg-surface: #0d0d10;--bg-elevated: #131318;--bg-hover: #1a1a20;--bg-glass: rgba(13, 13, 16, .7);--border: rgba(255, 255, 255, .06);--border-strong: rgba(255, 255, 255, .1);--border-accent: rgba(255, 255, 255, .15);--text-primary: #f0f0f2;--text-secondary: #c4c4d4;--text-muted: #a0a0b2;--accent: #a78bfa;--accent-light: #d0d0d5;--accent-dim: rgba(255, 255, 255, .08);--accent-subtle: rgba(255, 255, 255, .04);--accent-glow: 0 0 20px rgba(255, 255, 255, .04);--terminal-bg: #050507;--terminal-text: #c8c8d4;--terminal-dim: #3a3a4a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-menu: 0 8px 32px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .05);--font-ui: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 13px;--font-size-md: 14px}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff24}html,body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--font-size-base);font-weight:400;line-height:1.65;letter-spacing:-.01em;height:100vh;width:100vw;overflow:hidden!important}.hidden{display:none!important}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}#vibe-app-phone.loaded>div:first-child{transform:scale(1);opacity:1;box-shadow:none}body.is-resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.app-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:40px 1fr;height:100vh;overflow:hidden}#app-titlebar{grid-column:1 / -1;grid-row:1;height:40px;display:flex;align-items:center;justify-content:flex-start;position:relative;overflow:visible;padding:0 20px 0 24px;background:#070709eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:5001;flex-shrink:0;-webkit-app-region:drag}#app-titlebar .tb-wordmark{font-family:var(--font-mono);font-size:11px;letter-spacing:.3em;font-weight:300;background:linear-gradient(135deg,#ffffff8c,#ffffffbf);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-user-select:none;user-select:none;-webkit-app-region:no-drag}#app-titlebar .tb-status{display:flex;align-items:center;gap:8px;margin-left:auto;-webkit-app-region:no-drag}#win-controls{display:flex;align-items:center;gap:8px;position:absolute;right:8px;top:50%;transform:translateY(-50%);-webkit-app-region:no-drag}body.is-browser #win-controls{display:none!important}body.is-browser #app-titlebar{-webkit-app-region:no-drag}#win-controls button{width:28px;height:28px;border-radius:50%;border:none;background:none;color:#fff3;font-size:11px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease;padding:0;-webkit-app-region:no-drag}#win-controls button:hover{background:none;color:#ffffffbf}#win-close:hover{background:none!important;color:#e05a4e!important}#tb-nav{display:flex;align-items:center;gap:14px;margin-left:64px;-webkit-app-region:no-drag}#tb-logo{filter:saturate(.75) brightness(.85) opacity(.75);transition:filter .2s ease}#tb-logo:hover{filter:saturate(.6) brightness(.9) opacity(.85)}.tb-tab{background:none;border:none;color:#ffffff4d;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;font-weight:400;cursor:pointer;padding:4px 2px;transition:color .15s ease;-webkit-app-region:no-drag;position:relative}.tb-tab:hover{color:#ffffffa6}.tb-tab.active{color:#ffffff8c}.tb-tab.active:after{display:none}.nav-list{list-style:none;overflow-y:auto;flex-grow:1;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;padding:5px 16px;cursor:pointer;font-size:10px;color:#ffffff47;border-radius:0;letter-spacing:.02em;transition:color .13s ease,padding-left .13s ease;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;line-height:1.6}.nav-item:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:1.5px;background:var(--accent);border-radius:2px;opacity:0;transition:opacity .13s ease}.nav-item:hover{color:#ffffffbf}.nav-item:hover .delete-chat-btn,.nav-item:hover .conv-action-btn{opacity:1}.nav-item.active{color:#ffffffe6}.nav-item.active:before{opacity:1}.view-tabs{display:flex;gap:2px;padding:8px 10px 6px;background:var(--bg-secondary)}.view-tab{flex:1;padding:5px 0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;letter-spacing:.02em}.view-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.view-tab.active{background:var(--accent-subtle);color:var(--accent-light)}.chat-item-content{display:flex;flex-direction:row;align-items:center;gap:4px;flex-grow:1;overflow:hidden}.chat-item-preview{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-item-meta{display:flex;justify-content:space-between;align-items:center}.chat-item-time{font-size:9px;color:var(--text-muted)}.delete-chat-btn,.conv-action-btn{opacity:0;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;transition:opacity .15s;margin-left:4px}.delete-chat-btn:hover{color:#f66}.new-chat-btn-v2{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.05);border-radius:0;padding:14px 16px 11px;color:#ffffff59;font-size:9px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;display:flex;align-items:center;gap:10px;cursor:pointer;transition:color .15s ease,background .15s ease;width:100%;margin-bottom:0;font-family:var(--font-mono)}.new-chat-btn-v2:hover{color:#ffffffd9;background:#ffffff05}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.04);padding:10px 8px;display:flex;flex-wrap:wrap;gap:0}.footer-icon-btn{background:none;border:none;padding:9px;color:#ffffff2e;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .13s ease,transform .13s ease}.footer-icon-btn:hover{color:#ffffffd9;transform:scale(1.18);background:transparent}.checkpoint-section{margin-top:24px;padding:0 4px;display:none}.checkpoint-section.active{display:block}.checkpoint-row{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;font-size:11px;color:var(--text-secondary);margin-bottom:2px;background:#111;border:1px solid #1a1a1a;transition:all .15s}.checkpoint-row:hover{border-color:#333;color:var(--text-primary)}.checkpoint-info{display:flex;flex-direction:column;gap:2px;overflow:hidden;flex:1}.checkpoint-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:400}.checkpoint-time{font-size:9px;color:var(--text-muted)}.rollback-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}.rollback-btn:hover{color:#ff9800;background:#ff98001a}.git-indicator{display:flex;align-items:center;gap:4px;font-size:10px;font-family:var(--font-mono);padding:4px 8px;border-radius:4px;margin-top:8px;cursor:default}.git-indicator.active{color:#4caf50}.git-indicator.inactive{color:var(--text-muted)}.git-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.main-content{background-color:var(--bg-base);display:flex;flex-direction:column;overflow:hidden!important;position:relative;grid-column:1;grid-row:2}.top-bar{height:40px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0;background:#070709d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.conversation-title{font-size:var(--font-size-base);color:var(--text-secondary);font-weight:450;letter-spacing:-.02em}.btn-export{background:none;border:1px solid #2a2a2a;color:#555;border-radius:4px;padding:4px 8px;font-size:10px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px}.btn-export:hover:not(:disabled){color:#e8e8e8;border-color:#555}.btn-export:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:flex;align-items:center;gap:10px;font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500;white-space:nowrap}.status-model{color:var(--text-muted);font-weight:400;font-size:11px;margin-left:2px}.status-dot{width:6px;height:6px;background-color:var(--accent-light);border-radius:50%;box-shadow:0 0 8px var(--accent);animation:pulse 2.5s ease-in-out infinite}.status-model.project-tech{opacity:.5;margin-left:8px;cursor:pointer;border-left:1px solid rgba(255,255,255,.08);padding-left:8px;transition:opacity .15s}.status-model.project-tech:hover{opacity:1;color:var(--accent-light)}.project-popover{position:fixed;background:#121214f2;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px;font-size:11px;color:#eee;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 48px #0009;z-index:10000;width:280px;transition:all .2s cubic-bezier(.4,0,.2,1);transform-origin:top center}.project-popover.hidden{opacity:0;transform:scale(.95) translateY(-5px);pointer-events:none}.popover-title{font-weight:700;color:#fff;margin-bottom:8px;font-size:13px;display:flex;align-items:center;gap:8px}.popover-row{margin-bottom:6px;line-height:1.5}.popover-label{color:#666;margin-right:6px;text-transform:uppercase;font-size:9px;letter-spacing:.05em;font-weight:600}.popover-tag{background:#ffffff0d;border-radius:4px;padding:2px 6px;margin-right:4px;border:1px solid rgba(255,255,255,.05)}@keyframes pulse{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.chat-viewport{flex-grow:1;overflow-y:auto;scroll-behavior:smooth;padding-bottom:180px}.input-box{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:14px 14px 10px 10px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,box-shadow .2s ease;position:relative}.input-box textarea{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--font-size-base);width:100%;resize:none;min-height:22px;line-height:1.65;font-weight:400;letter-spacing:-.01em}.input-box textarea::placeholder{color:var(--text-muted);font-family:var(--font-ui);font-weight:400}.send-btn{width:30px;height:30px;background:linear-gradient(135deg,var(--accent) 0%,#444 100%);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #ffffff40;flex-shrink:0}@keyframes flowSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeOut{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-10px)}}.chat-container{max-width:680px;margin:0 auto;padding:32px 24px 140px}.skill-bar{display:flex;gap:6px;flex-wrap:wrap;padding:6px 0 2px;min-height:0;transition:all .15s}.skill-chip{background:#111;border:1px solid #222;border-radius:100px;padding:3px 10px;font-size:10px;color:#666;cursor:pointer;transition:all .15s;white-space:nowrap;display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none}.skill-chip:hover{border-color:#555;color:#e8e8e8;background:#1c1c1c}.skill-save-trigger{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);cursor:pointer;padding:4px;opacity:0;transition:opacity .15s,color .15s;z-index:10}.input-box:focus-within .skill-save-trigger,.input-box:hover .skill-save-trigger{opacity:1}.skill-save-trigger:hover{color:var(--text-primary)}.skill-form-popup{position:absolute;bottom:calc(100% + 12px);right:0;width:260px;background:#0f0f0f;border:1px solid #2e2e2e;border-radius:8px;padding:12px;box-shadow:0 -8px 24px #0006;display:none;flex-direction:column;gap:10px;z-index:1100}.skill-form-popup.active{display:flex}.skill-card{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:#0d0d0d;border:1px solid #1e1e1e;border-radius:7px;margin-bottom:6px;transition:border-color .15s}.skill-card:hover{border-color:#2e2e2e}.skill-card-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#181818;border-radius:6px;flex-shrink:0}.skill-card-body{flex:1;min-width:0}.skill-card-title{font-size:12px;font-weight:600;color:#d0d0d0;display:flex;align-items:center;gap:6px}.skill-card-category{font-size:9px;color:#555;background:#171717;border:1px solid #222;border-radius:3px;padding:1px 5px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.skill-card-desc{font-size:10px;color:#555;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:5px}.skill-tag{font-size:9px;color:#444;background:#141414;border:1px solid #1e1e1e;border-radius:100px;padding:1px 6px}.skill-card-actions{display:flex;gap:4px;flex-shrink:0}.skill-action-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#ffffff73;padding:4px 8px;border-radius:5px;cursor:pointer;font-size:10px;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.skill-action-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#d0d0d5;transform:translateY(-1px)}.skill-action-btn.danger:hover{background:#ef444414;border-color:#ef444433;color:#ef4444}.skill-modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:2000;align-items:center;justify-content:center}.skill-modal-overlay.active{display:flex}.store-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:3000;align-items:stretch;justify-content:flex-end}.store-overlay.active{display:flex}.store-panel{background:#080808;border-left:1px solid #1e1e1e;width:min(640px,100vw);display:flex;flex-direction:column;overflow:hidden}.store-header{display:flex;align-items:center;gap:10px;padding:18px 20px 14px;border-bottom:1px solid #161616;flex-shrink:0}.store-title{font-size:15px;font-weight:700;color:#e0e0e0;flex:1}.store-tabs{display:flex;gap:4px;padding:0 20px;border-bottom:1px solid #161616;flex-shrink:0}.store-tab{background:none;border:none;border-bottom:2px solid transparent;color:#444;cursor:pointer;font-size:11px;font-weight:600;padding:10px 12px 8px;letter-spacing:.04em;text-transform:uppercase;transition:color .12s,border-color .12s}.store-tab.active{color:#d0d0d5;border-bottom-color:#a8a8a8}.store-search-bar{padding:12px 20px;display:flex;gap:8px;flex-shrink:0;border-bottom:1px solid #111}.store-search-input{flex:1;background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#ccc;font-size:11px;padding:7px 10px;outline:none;transition:border-color .2s}.store-search-input:focus{border-color:#ffffff26}.store-cat-filter{background:#0000004d;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#666;font-size:10px;padding:7px 10px;outline:none;cursor:pointer;transition:all .2s}.store-cat-filter:hover{border-color:#ffffff1f;color:#aaa}.store-cat-filter option{background:#111;color:#ccc}.store-body{flex:1;overflow-y:auto;padding:12px 20px 20px;scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.05)}.store-body::-webkit-scrollbar{width:8px}.store-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.store-body::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.store-body::-webkit-scrollbar-thumb:hover{background:#fff6}.store-grid{display:flex;flex-direction:column;gap:8px}.store-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:8px;padding:12px 14px;display:flex;gap:12px;align-items:flex-start;transition:border-color .12s}.store-card:hover{border-color:#2a2a2a}.store-card-icon{font-size:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#141414;border-radius:8px;flex-shrink:0}.store-card-body{flex:1;min-width:0}.store-card-title{font-size:13px;font-weight:600;color:#d8d8d8;display:flex;align-items:center;gap:6px}.store-verified{font-size:10px;color:#22c55e;background:#0f2d1a;border:1px solid #1a4a2a;border-radius:3px;padding:1px 5px}.store-unverified{font-size:10px;color:#f59e0b;background:#1f1500;border:1px solid #3a2a00;border-radius:3px;padding:1px 5px}.store-card-desc{font-size:11px;color:#555;margin-top:3px;line-height:1.5}.store-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px;align-items:center}.store-card-author{font-size:10px;color:#3a3a3a}.store-card-actions{display:flex;gap:6px;flex-shrink:0;align-items:flex-start}.store-install-btn{background:#a8a8a81a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(168,168,168,.2);border-radius:6px;color:#a8a8a8;cursor:pointer;font-size:11px;font-weight:600;padding:6px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 12px #00000026}.store-install-btn:hover:not(:disabled):not(.installed){background:#a8a8a833;border-color:#a8a8a859;color:#f0f0f2;transform:translateY(-1px);box-shadow:0 6px 16px #00000040}.store-install-btn.installed{background:#1a2e1a;border:1px solid #2a4a2a;color:#22c55e;cursor:default}.store-install-btn:disabled{opacity:.5;cursor:default}.store-empty{text-align:center;padding:40px 20px;color:#333;font-size:12px}.store-status-bar{padding:8px 20px;font-size:10px;color:#333;border-top:1px solid #111;flex-shrink:0}.skill-modal{background:#0f0f14f0;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border:1px solid rgba(255,255,255,.08);border-radius:12px;width:580px;max-width:95vw;max-height:88vh;overflow-y:auto;box-shadow:0 32px 64px #000000b3,inset 0 1px #ffffff05;padding:28px;display:flex;flex-direction:column;gap:16px}.skill-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.skill-modal-title{font-size:14px;font-weight:600;color:#e0e0e0}.skill-field-row{display:flex;gap:10px}.skill-field{display:flex;flex-direction:column;gap:5px;flex:1}.skill-field label{font-size:10px;font-weight:600;color:#555;letter-spacing:.06em;text-transform:uppercase}.skill-field input,.skill-field select,.skill-field textarea{background:#00000040;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#d0d0d5;font-size:12px;padding:10px 12px;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit}.skill-field input:focus,.skill-field select:focus,.skill-field textarea:focus{border-color:#ffffff26;background:#00000059;box-shadow:0 0 0 1px #ffffff0a}.skill-field textarea{resize:vertical;min-height:100px;font-family:var(--font-mono);font-size:11px}.skill-field select option{background:#111}.skill-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding-top:4px;border-top:1px solid #1a1a1a}.skill-manager-item{display:flex;align-items:center;padding:10px;background:#111;border:1px solid #222;border-radius:6px;margin-bottom:6px;gap:12px}.skill-manager-icon{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.skill-manager-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.skill-manager-name{font-size:11px;font-weight:600;color:var(--text-primary)}.skill-manager-prompt{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-wrap{margin-bottom:32px;opacity:0;transform:translateY(8px);animation:messageFadeIn .25s forwards ease-out;position:relative}@keyframes messageFadeIn{to{opacity:1;transform:translateY(0)}}.message-wrap:hover .msg-copy-btn{opacity:1}.msg-copy-btn{position:absolute;top:12px;right:12px;background:#1c1c1c;border:1px solid #2a2a2a;border-radius:4px;color:#555;font-size:10px;padding:2px 6px;cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease;line-height:1.4;font-family:inherit;z-index:10}.msg-copy-btn:hover{color:#e8e8e8;border-color:#555}.msg-copy-btn.copied{color:#22c55e;border-color:#22c55e}.agent-markdown{font-size:var(--font-size-base);line-height:1.6;color:var(--text-primary);letter-spacing:-.01em}.agent-markdown>*:first-child{margin-top:0!important}.agent-markdown>*:last-child{margin-bottom:0!important}.agent-markdown h1,.agent-markdown h2,.agent-markdown h3{margin-top:24px;margin-bottom:12px;font-weight:600;color:#fff;line-height:1.3}.agent-markdown h1{font-size:1.5rem;border-bottom:1px solid var(--border);padding-bottom:8px}.agent-markdown h2{font-size:1.25rem}.agent-markdown h3{font-size:1.1rem}.agent-markdown p{margin-top:0;margin-bottom:1.1rem;line-height:1.65}.agent-markdown p:last-child{margin-bottom:0}.agent-markdown code{font-family:var(--font-mono);font-size:.9em;background:#1a1a1a;color:var(--accent-light);padding:2px 4px;border-radius:4px}.agent-markdown pre{background:#0d0d0d!important;border:1px solid var(--border);border-radius:8px;padding:16px;margin:16px 0;overflow-x:auto}.agent-markdown pre code{background:transparent;color:#e0e0e0;padding:0;border-radius:0;display:block;line-height:1.5}.agent-markdown ul,.agent-markdown ol{margin-bottom:16px;padding-left:24px}.agent-markdown li{margin-bottom:4px}.agent-markdown blockquote{border-left:4px solid var(--accent);padding:8px 16px;margin:0 0 16px;background:var(--accent-subtle);color:#a0a0a0}.agent-markdown a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(168,168,168,.2);transition:all .2s}.agent-markdown a:hover{color:var(--accent-light);border-bottom-color:var(--accent-light);background:#ffffff0d}#diff-viewer{position:fixed;top:0;right:-100%;width:700px;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-strong);box-shadow:-10px 0 40px #00000080;transition:right .4s cubic-bezier(.16,1,.3,1);z-index:2000;display:flex;flex-direction:column}#diff-viewer.open{right:0}#bug-hunter-toast{position:fixed;bottom:24px;right:24px;width:380px;background:#0d0d10f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:16px;z-index:10001;box-shadow:0 20px 40px #0009,0 0 0 1px #ffffff0d;display:none;flex-direction:column;gap:12px;animation:bhSlideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes bhSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bh-header{display:flex;align-items:center;gap:8px}.bh-label{font-size:11px;font-weight:700;color:#ef4444;text-transform:uppercase;letter-spacing:.05em}.bh-cmd{font-family:var(--font-mono);font-size:11px;color:#eee;background:#0000004d;padding:4px 8px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bh-actions{display:flex;gap:8px;margin-top:4px}.bh-investigate{flex:1;background:#ef4444;color:#fff;border:none;border-radius:6px;padding:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.bh-investigate:hover{background:#dc2626;transform:translateY(-1px)}.bh-dismiss{background:#ffffff0d;color:#888;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:8px 12px;font-size:11px;cursor:pointer}.bh-dismiss:hover{background:#ffffff1a;color:#ccc}.diff-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-elevated)}.diff-title-wrap{display:flex;flex-direction:column;gap:2px}.diff-filename{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.diff-meta{font-size:10px;color:var(--text-muted)}.diff-actions{display:flex;gap:12px;align-items:center}.diff-revert-btn{background:#ef4444;color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.diff-revert-btn:hover{background:#dc2626;transform:translateY(-1px)}.diff-close-btn{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.diff-close-btn:hover{color:var(--text-primary)}.diff-content-container{flex:1;overflow-y:auto;background:var(--bg-base);padding:0;font-family:var(--font-mono);font-size:12px}.diff-table{width:100%;border-collapse:collapse}.diff-line{display:table-row}.diff-line:hover{background:#ffffff08}.diff-line-num{display:table-cell;width:40px;text-align:right;padding:0 12px;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border);background:var(--bg-surface);font-size:10px}.diff-line-content{display:table-cell;padding:0 12px;white-space:pre-wrap;word-break:break-all}.diff-line-removed{background:#ef444426}.diff-line-added{background:#22c55e26}.diff-line-removed .diff-line-content:before{content:"-";position:absolute;left:52px;color:#ef4444}.diff-line-added .diff-line-content:before{content:"+";position:absolute;left:52px;color:#22c55e}.diff-empty{padding:40px;text-align:center;color:var(--text-muted);font-style:italic}.agent-markdown a:hover{text-decoration:underline}.agent-markdown table{width:100%;border-collapse:collapse;margin-bottom:16px;font-size:12px}.agent-markdown th,.agent-markdown td{border:1px solid var(--border);padding:8px 12px;text-align:left}.agent-markdown th{background:#16161a;font-weight:600}.agent-markdown tr:nth-child(2n){background:#ffffff05}.agent-markdown img{max-width:100%;border-radius:8px;margin:12px 0}.hljs{background:transparent!important;padding:0!important}.message-agent{position:relative}.message-agent:before{content:"";display:block;width:100%;height:1px;background-color:var(--border);margin-bottom:16px}.agent-id{display:flex;align-items:center;gap:8px;margin-bottom:10px}.agent-avatar{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:#666;transition:color .15s ease;padding:0}.message-wrap.message-agent:hover .agent-avatar{color:#e8e8e8}.agent-name{font-size:11px;color:var(--text-secondary);font-weight:500}.mention-highlight{color:var(--accent);font-weight:500}.message.agent h1,.message.agent h2,.message.agent h3{color:#e8e8e8;font-weight:500;margin:12px 0 6px;line-height:1.3}.message.agent h1{font-size:15px}.message.agent h2{font-size:13px}.message.agent h3{font-size:12px;color:#aaa}.message.agent p{margin:0 0 8px}.message.agent p:last-child{margin-bottom:0}.message.agent ul,.message.agent ol{margin:4px 0 8px;padding-left:18px}.message.agent li{margin-bottom:3px}.message.agent code{background:#0f0f0f;border:1px solid #2a2a2a;border-radius:3px;padding:1px 5px;font-family:JetBrains Mono,monospace;font-size:11px;color:#c8c8c8}.message.agent pre{background:#0a0a0a;border:1px solid #222;border-radius:6px;padding:12px;overflow-x:auto;margin:8px 0}.message.agent pre code{background:none;border:none;padding:0;font-size:11px;line-height:1.5}.message.agent .hljs{background:transparent}.message.agent blockquote{border-left:2px solid #333;margin:8px 0;padding:4px 12px;color:#666}.message.agent a{color:var(--accent);text-decoration:none}.message.agent a:hover{text-decoration:underline}.message.agent hr{border:none;border-top:1px solid #222;margin:12px 0}.message.agent strong{color:#e8e8e8;font-weight:500}.message.agent em{color:#aaa}.mention-hint{position:absolute;background:#161616;border:1px solid #2a2a2a;border-radius:4px;padding:4px 8px;font-size:10px;color:#555;z-index:1000;bottom:calc(100% + 10px);left:20px;pointer-events:none;display:none;box-shadow:0 4px 12px #0006}.mention-hint.active{display:block}.agent-content{font-size:13px;line-height:1.7;color:var(--text-primary)}.agent-content code{font-family:var(--font-mono);background-color:var(--bg-elevated);padding:2px 4px;border-radius:3px;font-size:12px}.agent-content pre{background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;padding:12px 16px;margin:12px 0;overflow-x:auto}.agent-content pre code{background:none;padding:0;display:block;line-height:1.6}.message-user{display:flex;flex-direction:column;align-items:flex-end}.user-bubble{background:#131318cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-strong);border-radius:14px 14px 3px;padding:11px 16px;max-width:85%;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.65;transition:border-color .15s ease}.user-bubble:hover{border-color:#ffffff1a}.timestamp{font-size:11px;color:var(--text-muted);margin-top:6px}.bottom-container{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,var(--bg-base) 62%,transparent);padding-top:60px;z-index:5}.input-wrapper{max-width:700px;margin:0 auto;padding:0 24px 24px}.input-box{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:14px;padding:14px 14px 10px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,box-shadow .2s ease}textarea{background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--font-ui);font-size:var(--font-size-base);width:100%;resize:none;min-height:22px;line-height:1.65;font-weight:400;letter-spacing:-.01em}textarea::placeholder{color:var(--text-muted);font-family:var(--font-ui);font-weight:400}#vibe-build-input::placeholder{color:#444;font-weight:300}.input-actions{display:flex;align-items:center;justify-content:space-between}.model-pill{display:flex;align-items:center;gap:6px;background-color:#111;border:1px solid var(--border);padding:4px 12px;border-radius:20px;font-size:11px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .15s ease}.model-pill:hover{border-color:#444;color:var(--text-primary)}.thinking-toggle{padding:4px 9px;background:transparent;border:1px solid #2a2a2a;border-radius:20px;color:var(--text-muted);font-size:10px;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.thinking-toggle.active{border-color:var(--accent);color:var(--accent-light);background:var(--accent-subtle)}.model-pill:before{content:"";width:5px;height:5px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.model-pill .chevron{transition:transform .2s ease;color:var(--text-muted)}.model-pill.active .chevron{transform:rotate(180deg)}.model-menu{position:absolute;bottom:calc(100% + 8px);left:0;width:240px;max-height:320px;background:#0a0a0eeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:10px;padding:6px;box-shadow:var(--shadow-menu);display:none;flex-direction:column;z-index:1000;overflow-y:auto}.model-menu::-webkit-scrollbar{width:6px}.model-menu::-webkit-scrollbar-track{background:transparent}.model-menu::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.model-search{position:sticky;top:0;background:#0f0f0f;padding:4px 4px 8px;margin-bottom:4px;z-index:2;border-bottom:1px solid #1a1a1a}.model-search input{width:100%;background:#111;border:1px solid #222;border-radius:4px;padding:6px 10px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);outline:none}.model-search input:focus{border-color:#333;color:var(--text-primary)}.model-items-container{display:flex;flex-direction:column}.model-menu.show{display:flex}.model-item{padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .1s;display:flex;justify-content:space-between;align-items:center}.model-item:hover{background-color:#161616}.model-item-info{display:flex;flex-direction:column}.model-item-name{font-size:13px;color:var(--text-primary)}.model-item-desc{font-size:11px;color:var(--text-muted)}.model-item-check{width:12px;height:12px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);opacity:0}.model-item.active .model-item-check{opacity:1}.model-menu-divider{height:1px;background-color:#1a1a1a;margin:4px 0}.model-group-label{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#3a3a3a;padding:8px 10px 2px;pointer-events:none;-webkit-user-select:none;user-select:none}.send-btn{width:30px;height:30px;background:linear-gradient(135deg,var(--accent) 0%,#444 100%);border:none;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 8px #ffffff40}.send-btn:hover:not(:disabled){background:linear-gradient(135deg,#8b47fa,#a97ffd);transform:translateY(-1px) scale(1.02);box-shadow:0 4px 16px #ffffff40}.send-btn:active:not(:disabled){transform:scale(.92) translateY(0);box-shadow:0 1px 4px #ffffff26}.send-btn:disabled{background:var(--bg-hover);box-shadow:none;cursor:not-allowed}.send-btn svg{width:15px;height:15px;fill:#fff}.send-btn:disabled svg{fill:var(--text-muted)}.stop-btn{width:54px;height:28px;background-color:#1a0000;border:1px solid #ef4444;color:#ef4444;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;display:none;align-items:center;justify-content:center;transition:all .15s ease}.stop-btn:hover{background-color:#2a0000;box-shadow:0 2px 8px #ef444433}.stop-btn:active{transform:scale(.95)}.undo-btn{background:#22c55e0d!important;border:1px solid rgba(34,197,94,.2)!important;color:#22c55e99!important;margin-left:8px;padding:5px 14px!important;display:none!important;font-weight:600}.undo-btn:hover{background:#22c55e1a!important;border-color:#22c55e80!important;color:#22c55e!important;box-shadow:0 0 15px #22c55e1a}.live-run-stats{font-size:10px;color:var(--text-muted);opacity:.6;margin-right:12px;display:none;white-space:nowrap;letter-spacing:.02em}.flow-template-select{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#fff6;font-size:10px;padding:5px 10px;margin-left:14px;outline:none;cursor:pointer;font-family:var(--font-ui);transition:all .2s}.flow-template-select:hover{border-color:#fff3;color:#ffffffb3;background:#ffffff12}.btn-orchestrate{background:none;border:1px solid var(--border-strong);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-xs);font-family:var(--font-ui);font-weight:500;padding:4px 9px;transition:all .18s ease;letter-spacing:0;white-space:nowrap;display:flex;align-items:center;gap:6px}.btn-orchestrate:hover:not(:disabled){color:var(--text-secondary);border-color:#ffffff1f;background:var(--bg-hover)}.btn-orchestrate:disabled{opacity:.4;cursor:not-allowed}.orchestrate-spinner{width:12px;height:12px;border:1.5px solid rgba(168,168,168,.3);border-top-color:var(--accent-light);border-radius:50%;animation:spin 1s linear infinite;display:none}.btn-orchestrate.loading .orchestrate-spinner{display:block}.btn-orchestrate.loading span{display:none}.sub-agent-badge{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;padding:2px 7px;border-radius:99px;background:var(--accent-dim);color:var(--accent-light);border:1px solid var(--border-accent);margin-bottom:8px;display:inline-block}.persona-pill{display:flex;align-items:center;gap:8px;background-color:#161616;border:1px solid #2a2a2a;padding:0 12px;border-radius:6px;font-size:11px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .15s ease;height:28px}.persona-pill:hover{border-color:#444;color:var(--text-primary)}.persona-popup{position:absolute;bottom:calc(100% + 12px);right:0;width:320px;background-color:#0f0f0f;border:1px solid #222;border-radius:8px;padding:8px;box-shadow:0 -8px 32px #00000080;display:none;grid-template-columns:1fr 1fr;grid-gap:8px;z-index:1001}.persona-popup.active{display:grid}.persona-card{padding:10px;border-radius:6px;cursor:pointer;transition:all .15s;border:1px solid transparent;display:flex;flex-direction:column;gap:4px;background:#111}.persona-card:hover{background:#1c1c1c;border-color:#333}.persona-card.active{border-color:#555;background:#161616;box-shadow:0 0 0 1px #ffffff0d}.persona-card-header{display:flex;align-items:center;gap:6px;font-weight:600;font-size:11px;color:var(--text-primary)}.persona-card-desc{font-size:9px;color:var(--text-muted);line-height:1.3}.persona-settings-container{display:flex;flex-direction:column;gap:8px;margin-top:8px}.persona-settings-item{background:#0f0f0f;border:1px solid #222;border-radius:6px;overflow:hidden;display:flex;flex-direction:column}.persona-row{display:flex;align-items:center;padding:8px 12px;gap:12px}.persona-row-info{flex:1;display:flex;flex-direction:column;gap:2px;overflow:hidden}.persona-row-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-primary)}.persona-row-desc{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.persona-row-actions{display:flex;gap:8px}.persona-action-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#ffffff73;padding:4px 8px;border-radius:5px;cursor:pointer;font-size:10px;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.persona-action-btn:hover{background:#ffffff14;border-color:#ffffff26;color:#d0d0d5;transform:translateY(-1px)}.persona-action-btn.delete:hover{background:#ef444414;border-color:#ef444433;color:#ef4444}.persona-edit-form{padding:12px;background:#111;border-top:1px solid #222;display:flex;flex-direction:column;gap:10px}.form-row{display:flex;gap:10px}.form-group{display:flex;flex-direction:column;gap:4px;flex:1}.form-group label{font-size:9px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.form-group input,.form-group textarea{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:6px;padding:7px 10px;font-size:var(--font-size-sm);font-family:var(--font-ui);color:var(--text-primary);outline:none;transition:border-color .18s ease,box-shadow .18s ease;letter-spacing:-.01em}.form-group input:focus,.form-group textarea:focus{border-color:var(--border-accent);box-shadow:0 0 0 2px var(--accent-dim)}.form-group textarea{min-height:80px;resize:vertical;font-family:var(--font-mono)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.btn-save{background:linear-gradient(135deg,var(--accent) 0%,#444 100%);color:#fff;border:none;padding:5px 14px;border-radius:6px;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;transition:all .18s ease;box-shadow:0 2px 6px #ffffff26;font-family:var(--font-ui);letter-spacing:0}.btn-save:hover{box-shadow:0 4px 12px #ffffff40;transform:translateY(-1px)}.btn-cancel{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-strong);padding:5px 14px;border-radius:6px;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .15s ease;font-family:var(--font-ui)}.btn-cancel:hover{color:var(--text-primary);border-color:#ffffff26}.terminal-drawer{grid-column:1 / -1;background-color:var(--terminal-bg);border-top:1px solid var(--border);height:0;transition:height .28s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;flex-direction:column}.terminal-drawer.open{height:220px}.terminal-header{height:34px;background-color:#070709f2;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.terminal-tab{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.close-term-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .15s}.close-term-btn:hover{color:var(--text-primary)}.terminal-body{padding:12px 16px;font-family:var(--font-mono);font-size:12px;color:var(--terminal-text);overflow-y:auto;flex-grow:1;line-height:1.6}.terminal-line{margin-bottom:4px}.terminal-prompt{color:var(--terminal-dim);margin-right:8px}.terminal-dim{color:var(--terminal-dim)}.terminal-cursor{display:inline-block;width:1px;height:14px;background-color:var(--terminal-text);margin-left:2px;animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{50%{opacity:0}}.thinking{display:flex;gap:4px;padding:8px 0}.dot{width:4px;height:4px;background-color:var(--text-muted);border-radius:50%;animation:dotPulse 1.4s infinite}.dot:nth-child(2){animation-delay:.15s}.dot:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.3);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .15s ease}.modal-overlay.active{opacity:1;pointer-events:all}.modal-card{background:#0f0f14eb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-strong);border-radius:12px;width:100%;max-width:400px;padding:28px;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0a;transform:translateY(10px) scale(.98);transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.modal-overlay.active .modal-card{transform:translateY(0) scale(1)}.modal-title{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.modal-tool{color:var(--text-primary);font-size:14px;font-weight:700;margin-bottom:16px}.modal-input{background-color:#080808;border:1px solid #222;border-radius:4px;padding:12px;font-family:var(--font-mono);font-size:12px;color:#666;margin-bottom:24px;max-height:200px;overflow-y:auto;white-space:pre-wrap}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:8px 18px;border-radius:7px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:var(--font-ui);letter-spacing:-.01em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-btn-cancel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:var(--text-secondary)}.modal-btn-cancel:hover{background:#ffffff0f;border-color:#ffffff26;color:var(--text-primary)}.modal-btn-confirm{background:#a8a8a81a;border:1px solid rgba(168,168,168,.2);color:#a8a8a8;box-shadow:0 4px 12px #0003}.modal-btn-confirm:hover{background:#a8a8a826;border-color:#a8a8a84d;color:#f0f0f2;box-shadow:0 8px 32px #0000004d;transform:translateY(-1px)}.settings-panel{position:fixed;top:0;right:0;width:360px;height:100vh;background:#0a0a0eed;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--border-strong);z-index:2000;transform:translate(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden;box-shadow:-16px 0 48px #0009,-1px 0 #ffffff08;padding:0}.settings-panel.open{transform:translate(0)}.settings-header{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10;background:#0a0a0ef7;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);padding:16px 20px 10px;margin-bottom:24px;border-bottom:1px solid var(--border)}.settings-body{flex:1;overflow-y:auto;padding:0 20px 20px;margin:0;scrollbar-width:auto;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.05)}.settings-body::-webkit-scrollbar{width:8px}.settings-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.settings-body::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.settings-body::-webkit-scrollbar-thumb:hover{background:#fff6}.workspace-mono{font-family:var(--font-mono);background:#050505;border:1px solid #1a1a1a;padding:4px 8px;border-radius:4px;font-size:11px;color:#888;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace-row{display:flex;align-items:center;gap:8px;margin-top:6px}.workspace-row.hidden{display:none!important}.workspace-input{background:#0f0f0f;border:1px solid #333;border-radius:4px;padding:4px 8px;font-size:11px;color:#fff;flex-grow:1;outline:none;font-family:var(--font-mono)}.workspace-error{color:#ff5252;font-size:10px;margin-top:4px;display:none}.success-flash{animation:flash-green 1s ease-out}@keyframes flash-green{0%{background-color:#1a331a}to{background-color:#050505}}.settings-title{font-size:14px;font-weight:500;color:#d0d0d5;text-transform:uppercase;letter-spacing:.1em}.close-settings-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.close-settings-btn:hover{color:var(--text-primary)}.settings-section{margin-bottom:20px}.section-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--border)}.workspace-path{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--text-secondary);background:var(--bg-elevated);padding:9px 12px;border-radius:8px;border:1px solid var(--border-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.plugin-row{display:flex;flex-direction:column;padding:7px 0;border-bottom:1px solid #161616;transition:background .15s}.plugin-row:hover{background-color:#111}.plugin-main{display:flex;justify-content:space-between;align-items:center}.plugin-info{display:flex;align-items:center;gap:8px}.plugin-name{font-size:13px;color:#d0d0d5}.confirm-badge{font-size:11px;color:var(--text-muted);background-color:#1a1a1a;border:1px solid #2e2e2e;padding:1px 6px;border-radius:10px}.plugin-description{font-size:11px;color:var(--text-muted);margin-top:4px}.toggle-switch{position:relative;display:inline-block;width:32px;height:18px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-hover);border:1px solid var(--border-strong);transition:.2s ease;border-radius:34px}.slider:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:var(--text-muted);transition:.2s ease;border-radius:50%}input:checked+.slider{background-color:#fff9;border-color:#ffffff1a}input:checked+.slider:before{transform:translate(14px);background-color:#111}select.model-select{width:auto;max-width:195px;background-color:#111;border:1px solid #222;border-radius:6px;padding:6px 32px 6px 10px;color:var(--text-primary);font-size:13px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.action-buttons{display:flex;gap:12px}.action-btn{background:#ffffff08;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:7px 12px;font-size:var(--font-size-sm);font-family:var(--font-ui);color:#ffffff8c;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.01em;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffff05}.action-btn:hover{background:#ffffff0f;border-color:#ffffff26;color:#d0d0d5;transform:translateY(-1px);box-shadow:0 6px 16px #0003,inset 0 1px #ffffff0a}.btn-premium{background:#a8a8a814;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(168,168,168,.15);color:#a8a8a8;font-weight:600;box-shadow:0 4px 12px #00000026,inset 0 1px #ffffff05}.btn-premium:hover{background:#a8a8a826;border-color:#a8a8a84d;color:#f0f0f2;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transform:translateY(-1px)}.diff-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;pointer-events:none;transition:opacity .2s ease}.diff-overlay.active{opacity:1;pointer-events:all}.diff-card{background:#08080cf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:12px;width:720px;max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg),0 0 0 1px #ffffff0a;overflow:hidden;font-family:var(--font-ui)}.diff-header{padding:16px 20px;border-bottom:1px solid #2e2e2e;display:flex;flex-direction:column;gap:4px}.diff-title{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.diff-path{color:var(--text-primary);font-size:13px;font-weight:500;word-break:break-all}.diff-body{flex-grow:1;overflow-y:auto;background-color:#050505;padding:12px 0;font-family:var(--font-mono);font-size:12px;line-height:1.5}.diff-line{display:flex;white-space:pre-wrap;word-break:break-all}.diff-line-num{width:45px;flex-shrink:0;text-align:right;padding-right:12px;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid #1a1a1a;margin-right:12px}.diff-line-content{flex-grow:1}.diff-line.added{background-color:#0d1a0d;border-left:2px solid #2e5c2e;color:#c8c8c8}.diff-line.removed{background-color:#1a0d0d;border-left:2px solid #5c2e2e;color:#666;text-decoration:line-through}.diff-line.unchanged{color:#666}.diff-line.collapsed-indicator{padding:8px 0;background-color:#0d0d0d;justify-content:center;color:#444;font-size:10px;border-top:1px solid #1a1a1a;border-bottom:1px solid #1a1a1a;cursor:default}.diff-hunk-container{border:1px solid #1a1a1a;margin:8px 12px;border-radius:4px;overflow:hidden;background:#080808;transition:all .15s ease}.diff-hunk-container.accepted{border-color:#16a34a66;box-shadow:0 0 10px #16a34a11}.diff-hunk-container.rejected{border-color:#ef444444;opacity:.6}.diff-hunk-container.accepted .diff-line.removed,.diff-hunk-container.rejected .diff-line.added{display:none}.diff-footer{padding:16px 20px;border-top:1px solid #2e2e2e;display:flex;justify-content:flex-end;gap:12px;background:#0d0d0d}.diff-btn{padding:7px 18px;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.diff-btn-reject{background:#ffffff08;border:1px solid rgba(255,255,255,.08);color:#888}.diff-btn-reject:hover{background:#ef444414;border-color:#ef444433;color:#ef4444}.diff-btn-approve{background:#a8a8a81a;border:1px solid rgba(168,168,168,.2);color:#a8a8a8;box-shadow:0 4px 12px #0003}.diff-btn-approve:hover{background:#a8a8a826;border-color:#a8a8a84d;color:#f0f0f2;box-shadow:0 8px 32px #0000004d;transform:translateY(-1px)}.mobile-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mobile-preview-overlay.active{opacity:1;pointer-events:all}.mobile-preview-shell{display:flex;flex-direction:column;align-items:center;gap:16px;max-height:95vh}.mobile-preview-toolbar{display:flex;align-items:center;gap:8px;background:var(--bg-surface, #1a1a1f);border:1px solid var(--border, #2a2a30);border-radius:10px;padding:8px 12px;flex-wrap:wrap;justify-content:center}.mp-device-btn{background:transparent;border:1px solid transparent;color:var(--text-muted, #888);padding:4px 10px;border-radius:6px;cursor:pointer;font-size:11px;font-family:inherit;transition:all .15s;white-space:nowrap}.mp-device-btn:hover{color:var(--text-color, #e0e0e0);border-color:var(--border, #2a2a30)}.mp-device-btn.active{background:var(--accent, #7c6aff);color:#fff;border-color:var(--accent, #7c6aff)}.mp-separator{width:1px;height:20px;background:var(--border, #2a2a30);flex-shrink:0}.mp-rotate-btn,.mp-close-btn{background:transparent;border:1px solid var(--border, #2a2a30);color:var(--text-muted, #888);padding:4px 8px;border-radius:6px;cursor:pointer;font-size:12px;font-family:inherit;transition:all .15s}.mp-rotate-btn:hover{color:var(--text-color, #e0e0e0)}.mp-close-btn:hover{color:#ff6b6b;border-color:#ff6b6b}.mp-url-input{background:var(--bg-input, #111115);border:1px solid var(--border, #2a2a30);color:var(--text-color, #e0e0e0);padding:4px 10px;border-radius:6px;font-size:11px;font-family:inherit;width:200px;outline:none}.mp-url-input:focus{border-color:var(--accent, #7c6aff)}.mobile-preview-device{position:relative;border-radius:36px;border:8px solid #222228;box-shadow:0 0 0 2px #3a3a42,0 24px 60px #000000b3;background:#000;overflow:hidden;transition:width .35s cubic-bezier(.4,0,.2,1),height .35s cubic-bezier(.4,0,.2,1);flex-shrink:0}.mobile-preview-device:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:60px;height:5px;background:#333;border-radius:3px;z-index:10;pointer-events:none}.mobile-preview-device iframe{display:block;width:100%;height:100%;border:none;background:#fff}.mp-size-label{font-size:10px;color:var(--text-muted, #888);text-align:center;letter-spacing:.5px}.activity-panel{grid-column:1 / -1;background-color:var(--bg-surface);border-top:1px solid var(--border);height:32px;display:flex;flex-direction:column;overflow:hidden;transition:height .28s cubic-bezier(.4,0,.2,1);position:relative;z-index:15}.activity-panel.expanded{height:240px}.activity-header{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;cursor:pointer;flex-shrink:0;background-color:#070709e6;border-bottom:1px solid transparent}.activity-panel.expanded .activity-header{border-bottom-color:var(--border)}.activity-title{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.last-action{font-size:11px;color:var(--text-secondary);font-weight:400;text-transform:none;letter-spacing:normal;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:600px}.activity-body{flex-grow:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.activity-item{display:flex;align-items:flex-start;gap:12px;opacity:0;transform:translateY(4px);animation:fadeIn .3s forwards ease-out}@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}.activity-time{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);padding-top:2px;width:50px;flex-shrink:0}.activity-content{display:flex;flex-direction:column;gap:4px;flex-grow:1}.activity-desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.activity-status{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.status-success{color:#66bb6a}.activity-icon{width:14px;height:14px;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.inline-confirm-banner{max-width:680px;margin:0 auto 12px;background-color:var(--bg-surface);border:1px solid var(--border-strong);border-radius:8px;padding:12px 16px;display:none;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 12px #0000004d;animation:slideUp .2s ease-out;z-index:100}.inline-confirm-banner.active{display:flex}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.confirm-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.confirm-text{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.confirm-btns{display:flex;gap:8px;flex-shrink:0}.btn-inline{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px}.btn-deny{background-color:transparent;border:1px solid #333;color:#888}.btn-deny:hover{border-color:#5c2e2e;color:#f66;background-color:#1a0d0d}.btn-approve{background:linear-gradient(135deg,var(--accent) 0%,#444 100%);border:none;color:#fff;box-shadow:0 2px 6px #ffffff40}.btn-approve:hover{box-shadow:0 4px 12px #ffffff40;transform:translateY(-1px)}#flow-viewport,.flow-viewport{grid-column:3;grid-row:1;position:relative;width:100%;height:100%;background-color:#070709;background-image:radial-gradient(circle at 50% 40%,rgba(99,102,241,.03) 0%,transparent 70%),radial-gradient(circle,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 100%,24px 24px;overflow:hidden!important;-webkit-user-select:none;user-select:none;z-index:10}#flow-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#flow-svg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;pointer-events:none}#flow-world{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:0 0}#flow-zoom-controls{display:none;align-items:center;gap:2px;padding:0 4px;margin-right:14px}#flow-zoom-controls button{background:none;border:none;color:#ffffff80;font-size:13px;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:color .15s,background .15s}#flow-zoom-controls button:hover{color:#ffffffe6;background:#ffffff0f}#flow-zoom-label{color:#ffffff59;font-size:11px;min-width:36px;text-align:center;cursor:pointer;padding:2px 4px;border-radius:3px;transition:color .15s;-webkit-user-select:none;user-select:none}#flow-zoom-label:hover{color:#ffffffb3}.flow-node{position:absolute;width:220px;background:#101014bf;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-left:2px solid color-mix(in srgb,var(--node-color, rgba(255, 255, 255, .4)) 45%,transparent);border-radius:8px;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000004d,0 8px 48px #000000b3,0 2px 8px #0006;padding:28px 14px 12px;z-index:10;display:flex;flex-direction:column;cursor:grab;transition:border-color .15s ease,box-shadow .15s ease,border-left-color 3s ease}.flow-node:hover{border-color:#ffffff2e;box-shadow:0 0 32px #00000080,0 0 0 1px #ffffff0d;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,linear-gradient(135deg,#ffffff0d,#ffffff03) border-box}.flow-node.output-node{width:220px;transition:width .35s cubic-bezier(.4,0,.2,1)}.flow-node.output-node.has-result{width:620px;background:#faf8f4;border:none;border-left:2px solid rgba(180,60,60,.5);border-radius:2px;box-shadow:0 2px 4px #00000014,0 8px 24px #0000002e,0 32px 80px #0000008c,0 64px 120px #0000004d;padding-top:36px}.flow-node.output-node.has-result:hover{background:#faf8f4;box-shadow:0 2px 4px #00000014,0 8px 24px #00000038,0 32px 80px #0009,0 64px 120px #00000059}.flow-node.output-node.has-result .node-glyph{color:#a03232b3!important;background:transparent;border-color:transparent}.flow-node.output-node.has-result .node-close,.flow-node.output-node.has-result .node-dup-btn{color:#0003}.flow-node.output-node.has-result .node-close:hover,.flow-node.output-node.has-result .node-dup-btn:hover{color:#00000080;background:#0000000a}.flow-node:active{cursor:grabbing}.flow-node.selected{border-top:1px solid rgba(255,255,255,.2);border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);z-index:11}@keyframes node-pulse-running{0%{box-shadow:0 8px 48px #000000b3,0 0 #a8a8a81a}50%{box-shadow:0 8px 48px #000000b3,0 0 12px #a8a8a84d}to{box-shadow:0 8px 48px #000000b3,0 0 #a8a8a81a}}.flow-node.running{border-left:2px solid var(--accent);animation:node-pulse-running 2s infinite ease-in-out;z-index:15}.flow-node.done{border-left:2px solid #22c55e;box-shadow:inset 0 1px #ffffff14,0 0 20px #22c55e1a;border-color:#22c55e4d}.flow-node.error{border-left:2px solid #ef4444}.node-glyph{position:absolute;top:10px;right:12px;font-size:10px;font-weight:700;font-family:var(--font-mono);opacity:.6;background:#ffffff08;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid rgba(255,255,255,.05);transition:opacity .2s,border-color .2s}.node-glyph:hover{opacity:1;border-color:#ffffff26}.node-close{position:absolute;top:10px;left:10px;background:none;border:none;font-size:12px;color:#ffffff1f;cursor:pointer;opacity:0;transition:opacity .2s;padding:0;line-height:1;z-index:20}.flow-node:hover .node-close{opacity:1}.node-dup-btn{position:absolute;top:10px;left:34px;background:none;border:none;font-size:11px;color:#ffffff40;cursor:pointer;opacity:0;transition:opacity .2s,color .2s;padding:0;line-height:1;z-index:20}.flow-node:hover .node-dup-btn{opacity:1}.node-dup-btn:hover{color:#ffffffbf!important}.node-alarm-btn{position:absolute;bottom:10px;right:10px;background:none;border:none;font-size:11px;cursor:pointer;opacity:0;transition:opacity .2s;padding:0;line-height:1;z-index:20}.flow-node:hover .node-alarm-btn{opacity:.35}.flow-node:hover .node-alarm-btn:hover{opacity:1}#node-alarm-popover{position:fixed;z-index:9999;width:240px;background:#12121cfa;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 16px;box-shadow:0 8px 32px #000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none}.flow-node.output-node.has-result{overflow:visible}.flow-node.output-node.has-result .node-export-bar{position:absolute;top:calc(100% + 10px);left:0;right:0;border-top:none;background:transparent;padding:0;gap:6px;justify-content:center}.flow-node.output-node.has-result .node-export-btn{background:#120f0cd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:20px;color:#ffffff8c;font-family:var(--font-ui, "Inter", system-ui, sans-serif);font-style:normal;font-size:11px;font-weight:400;letter-spacing:.03em;padding:5px 14px;flex:0;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.flow-node.output-node.has-result .node-export-btn:hover{background:#28221ceb;color:#ffffffe6;border-color:#fff3}.node-export-bar{padding:8px 10px;border-top:1px solid rgba(255,255,255,.08);display:none;gap:4px;margin-top:auto}.node-export-bar.visible{display:flex}.node-export-btn{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:3px;color:#ffffff40;font-family:monospace;font-size:9px;text-transform:none;letter-spacing:normal;padding:4px 10px;cursor:pointer;transition:color .15s,border-color .15s;flex:1;text-align:center}.node-export-btn:hover{color:#ffffffb3}.node-content{display:flex;flex-direction:column}.node-textarea{width:100%;background:transparent;border:none;color:#ffffff73;font-size:11px;line-height:1.6;padding:0;resize:none;font-family:inherit;outline:none;box-sizing:border-box;overflow:hidden;display:block}.node-ta-wrap{position:relative}.node-ta-wrap .node-textarea{transition:height .22s cubic-bezier(.4,0,.2,1)}.node-ta-wrap:after{content:"";position:absolute;bottom:17px;left:0;right:0;height:28px;background:linear-gradient(to bottom,transparent,rgba(16,16,20,.92));pointer-events:none;transition:opacity .2s}.node-ta-wrap.expanded:after{opacity:0}.node-ta-toggle{display:flex;align-items:center;justify-content:center;width:100%;height:18px;cursor:pointer;border:none;background:none;border-top:1px solid rgba(255,255,255,.05);color:#ffffff2e;font-size:9px;letter-spacing:3px;transition:color .15s,background .15s;padding:0;margin-top:4px}.node-ta-toggle:hover{color:#ffffff73;background:#ffffff05}.node-ta-wrap.expanded .node-ta-toggle{letter-spacing:1px;font-size:8px}.node-textarea::placeholder,.node-label-input::placeholder,.node-input::placeholder{color:#ffffff47}.node-separator{border-top:1px solid rgba(255,255,255,.05);margin:10px 0 6px}.node-label-input{width:100%;margin:0;font-size:9px;color:#ffffff38;letter-spacing:.1em;text-transform:uppercase;border:none;background:transparent;padding:0;outline:none;font-family:inherit;box-sizing:border-box}.node-input,.node-select{background:transparent;border:1px solid rgba(255,255,255,.06);border-radius:4px;color:#ffffff61;padding:6px 8px;font-size:11px;width:calc(100% - 24px);margin:0 12px 10px;font-family:inherit;transition:border-color .15s ease}.node-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='rgba(255,255,255,0.25)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:24px;cursor:pointer;color-scheme:dark}.node-select option{background:#14141e;color:#ffffffb3}.node-select option:checked{background:#2a2a42;color:#ffffffe6}.node-cdd{position:relative;width:calc(100% - 24px);margin:0 12px 10px;font-size:11px}.node-cdd-face{display:flex;align-items:center;justify-content:space-between;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:6px;color:#ffffff61;padding:6px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s cubic-bezier(.4,0,.2,1)}.node-cdd-face:hover{border-color:#ffffff26;color:#ffffffe6;background:#0000004d}.node-cdd.open .node-cdd-face{border-color:var(--accent);color:#fff;background:#0006;box-shadow:0 0 0 1px var(--accent-subtle)}.node-cdd-face svg{flex-shrink:0;opacity:.5;transition:transform .2s cubic-bezier(.4,0,.2,1);color:currentColor}.node-cdd.open .node-cdd-face svg{transform:rotate(180deg);opacity:1}.node-cdd-panel{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:#0d0d10;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;z-index:200;box-shadow:0 12px 32px #000c,0 0 0 1px #ffffff08;animation:cddFadeScale .15s cubic-bezier(.4,0,.2,1);transform-origin:top center}@keyframes cddFadeScale{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.node-cdd.open .node-cdd-panel{display:block}.node-cdd-opt{padding:8px 12px;color:#ffffff80;cursor:pointer;font-size:11px;transition:all .12s;border-bottom:1px solid rgba(255,255,255,.02)}.node-cdd-opt:last-child{border-bottom:none}.node-cdd-opt:hover{background:#ffffff0d;color:#fff;padding-left:14px}.node-cdd-opt.active{color:var(--accent);background:#ffffff08;font-weight:600}.node-input:focus{outline:none;border-color:#ffffff4d}.node-result{max-height:900px;overflow-y:auto;padding:10px 12px;font-size:11px;line-height:1.5}.flow-node.output-node.has-result .node-result{padding:8px 52px 4px;max-height:840px}.flow-node.output-node.has-result .node-result::-webkit-scrollbar{width:4px}.flow-node.output-node.has-result .node-result::-webkit-scrollbar-track{background:transparent}.flow-node.output-node.has-result .node-result::-webkit-scrollbar-thumb{background:#00000026;border-radius:2px}.output-markdown{font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.9;color:#2a2520;letter-spacing:.005em;text-align:left}.output-markdown h1,.output-markdown h2,.output-markdown h3,.output-markdown h4{font-family:Georgia,serif;font-weight:700;color:#1a1410;text-align:left;margin-top:1.8em;margin-bottom:.5em;line-height:1.3;letter-spacing:-.01em}.output-markdown h1{font-size:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:.35em;margin-bottom:.7em}.output-markdown h2{font-size:1.2rem;border-bottom:1px solid rgba(0,0,0,.06);padding-bottom:.2em}.output-markdown h3{font-size:1.05rem}.output-markdown h4{font-size:.95rem;font-style:italic}.output-markdown>*:first-child{margin-top:0!important}.output-markdown>*:last-child{margin-bottom:0!important}.output-markdown p{color:#2a2520;margin-bottom:.9em;text-align:left}.output-markdown strong{color:#150f0a;font-weight:700}.output-markdown em{color:#3a3028}.output-markdown code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.82em;background:#0000000d;color:#2a1f18;border-radius:3px;padding:1px 5px;border:1px solid rgba(0,0,0,.07)}.output-markdown pre{background:transparent;border:none;border-radius:0;padding:0;margin:.5em 0;overflow-x:auto;text-align:left}.output-markdown pre code{background:transparent;color:#2a2018;padding:0;border:none;font-size:.83em;line-height:1.65}.output-markdown ul,.output-markdown ol{padding-left:1.5em;margin-bottom:.9em;text-align:left}.output-markdown li{margin-bottom:.25em;color:#2a2520}.output-markdown blockquote{border-left:2px solid rgba(160,50,50,.45);margin:1.2em 0;padding:.5em 1.2em;color:#5a4a40;font-style:italic;background:#00000005}.output-markdown hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:1.5em 0}.output-markdown a{color:#8b3a2a;text-decoration:underline}.output-json{font-family:JetBrains Mono,Fira Code,Cascadia Code,monospace;font-size:11.5px;line-height:1.65;color:#a8d8a8;background:transparent;margin:0;padding:0;white-space:pre-wrap;word-break:break-word;overflow-x:auto}.flow-node.output-node.json-result{background:#0d1117;border-left:2px solid rgba(100,200,100,.3)}.flow-node.output-node.json-result:hover{background:#0d1117}.flow-node.output-node.json-result .node-glyph{color:#64c86499!important}.flow-node.output-node.json-result .node-close,.flow-node.output-node.json-result .node-dup-btn{color:#fff3}.output-html{font-size:13px;line-height:1.6}.output-html *,.output-html *:before,.output-html *:after{box-sizing:border-box}.flow-node.output-node.html-result{background:#fff;border-left:2px solid rgba(80,80,80,.25)}.flow-node.output-node.html-result:hover{background:#fff}.flow-node.output-node.html-result .node-glyph{color:#3c3c3c80!important}.flow-node.output-node.html-result .node-close,.flow-node.output-node.html-result .node-dup-btn{color:#0003}.flow-node.output-node.html-result .node-close:hover,.flow-node.output-node.html-result .node-dup-btn:hover{color:#00000080;background:#0000000a}.node-result::-webkit-scrollbar{width:8px}.node-result::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:4px}.port{width:20px;height:36px;background:transparent;border:none;position:absolute;z-index:20;cursor:crosshair;display:flex;align-items:center;justify-content:center}.port:before{content:"";display:block;width:6px;height:6px;border-radius:50%;opacity:0;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;pointer-events:none}.port.input-port:before{background:#6366f1d9;box-shadow:0 0 6px #6366f180}.port.output-port:before{background:#ffffffa6;box-shadow:0 0 6px #ffffff59}.flow-node:hover .port:before{opacity:1}.port.input-port:hover:before{transform:scale(1.5);box-shadow:0 0 8px #6366f1b3;opacity:1}.port.output-port:hover:before{transform:scale(1.5);box-shadow:0 0 8px #fff9;opacity:1}.port-target-hint:before{opacity:1!important;box-shadow:0 0 12px #6366f1e6!important;animation:port-pulse .8s ease-in-out infinite alternate}.port-connect-flash:before{opacity:1!important;box-shadow:0 0 16px #6366f1!important;transform:scale(2)!important;transition:opacity .05s,transform .05s,box-shadow .05s!important}@keyframes port-pulse{0%{box-shadow:0 0 6px #6366f199;transform:scale(1)}to{box-shadow:0 0 14px #6366f1;transform:scale(1.6)}}.port.input-port{left:-10px;top:50%;transform:translateY(-50%)}.port.output-port{right:-10px;top:50%;transform:translateY(-50%)}.port.true-port{right:-10px;top:35%;transform:translateY(-50%)}.port.false-port{right:-10px;top:65%;transform:translateY(-50%)}.port.body-port{right:-10px;top:35%;transform:translateY(-50%)}.port.exit-port{right:-10px;top:65%;transform:translateY(-50%)}.flow-controls{position:absolute;top:0;left:0;bottom:0;width:40px;background:transparent;border-right:none;z-index:100;display:flex;flex-direction:column;align-items:center;padding:12px 0}.btn-flow{width:30px;height:30px;background:transparent;border:1px solid rgba(255,255,255,.07);color:#ffffff4d;border-radius:4px;font-size:11px;font-family:monospace;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;position:relative}.btn-flow:hover{color:#ffffffb3;border-color:#ffffff26}.btn-flow:after{content:attr(data-tooltip);position:absolute;left:48px;top:50%;transform:translateY(-50%) translate(-4px);background:#111;border:1px solid rgba(255,255,255,.1);color:#ccc;padding:5px 10px;border-radius:6px;font-size:10px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .18s cubic-bezier(.4,0,.2,1);z-index:200;box-shadow:0 4px 12px #00000080}.btn-flow:hover:after{opacity:1;transform:translateY(-50%) translate(0)}.btn-flow.btn-run{background:#ffffff0d;color:#fff9;border:1px solid rgba(255,255,255,.08);letter-spacing:.12em}#plugin-folio-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:none;background:transparent}#plugin-folio-overlay.open{display:block}#plugin-folio-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .22s ease}#plugin-folio-overlay.open #plugin-folio-backdrop{opacity:1}#plugin-folio{position:absolute;top:0;right:0;bottom:48px;width:340px;background:#0a0a0ef7;backdrop-filter:blur(32px) saturate(180%);-webkit-backdrop-filter:blur(32px) saturate(180%);border-left:1px solid rgba(255,255,255,.07);box-shadow:-12px 0 48px #0009;display:flex;flex-direction:column;transform:translate(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);overflow:hidden}#plugin-folio-overlay.open #plugin-folio{transform:translate(0)}#plugin-folio-header{padding:16px 16px 12px;border-bottom:1px solid rgba(255,255,255,.05);flex-shrink:0}#plugin-folio-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#plugin-folio-title span{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#ffffff73}#plugin-folio-close{width:24px;height:24px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffff73;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s ease;flex-shrink:0}#plugin-folio-close:hover{background:#ffffff1a;color:#ffffffd9}#plugin-folio-search-wrap{position:relative}#plugin-folio-search-wrap svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#ffffff40;pointer-events:none}#plugin-folio-search{width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#fffc;font-size:12px;font-family:var(--font-ui);padding:8px 10px 8px 32px;outline:none;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}#plugin-folio-search::placeholder{color:#fff3}#plugin-folio-search:focus{border-color:#6366f166;background:#6366f10a}#plugin-folio-stats{font-size:10px;color:#fff3;margin-top:8px;font-family:var(--font-mono)}#plugin-folio-list{flex:1;overflow-y:auto;padding:8px 10px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}#plugin-folio-list::-webkit-scrollbar{width:10px}#plugin-folio-list::-webkit-scrollbar-track{background:transparent}#plugin-folio-list::-webkit-scrollbar-thumb{background:#ffffff12;border-radius:3px}#plugin-folio-list::-webkit-scrollbar-thumb:hover{background:#ffffff1c}#plugin-folio-list::-webkit-scrollbar-thumb:active{background:#ffffff14}.pf-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;cursor:pointer;border:1px solid rgba(255,255,255,.05);background:#ffffff05;margin-bottom:5px;transition:all .16s ease;-webkit-user-select:none;user-select:none}.pf-card:last-child{margin-bottom:0}.pf-card:hover{background:#ffffff0d;border-color:#ffffff1a}.pf-card.pf-enabled{border-color:#ffffff1a;background:#ffffff0a}.pf-card.pf-enabled:hover{background:#ffffff0f;border-color:#ffffff24}.pf-card.pf-hidden{display:none}.pf-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#ffffff0d;color:#fff6;transition:all .16s ease}.pf-card.pf-enabled .pf-icon{background:#ffffff14;color:#ffffffd9}.pf-info{flex:1;min-width:0}.pf-name{font-size:12px;font-weight:600;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s ease}.pf-card.pf-enabled .pf-name{color:#fffffff2}.pf-meta{font-size:10px;color:#ffffff47;font-family:var(--font-mono);margin-top:2px}.pf-toggle{width:30px;height:16px;border-radius:8px;background:#ffffff26;border:none;position:relative;cursor:pointer;transition:background .2s ease;flex-shrink:0}.pf-card.pf-enabled .pf-toggle{background:#ffffffb3}.pf-toggle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#ffffff80;transition:transform .2s cubic-bezier(.4,0,.2,1),background .2s ease}.pf-card.pf-enabled .pf-toggle:after{transform:translate(14px);background:#fff}.pf-no-results{text-align:center;color:#fff3;font-size:12px;padding:32px 16px;display:none}.btn-flow.btn-plugins{margin-top:4px}.btn-flow.btn-plugins.active{color:#6366f1e6;border-color:#6366f14d;background:#6366f114}.btn-flow.btn-run:hover{background:#6366f126;color:#fff;border-color:#6366f166;box-shadow:0 0 12px #6366f126}.btn-flow.btn-run:active{background:#6366f140}@keyframes idle-breathe{0%,to{stroke-opacity:.18}50%{stroke-opacity:.35}}.flow-connection{fill:none;stroke:#ffffff26;stroke-width:1.5;pointer-events:auto;cursor:pointer;filter:drop-shadow(0 0 2px rgba(255,255,255,.2));transition:stroke .2s,stroke-width .2s}.flow-node:hover~#flow-svg .flow-connection,.flow-connection:hover{stroke:#ffffff8c;stroke-width:1.5}@keyframes dash-flow{to{stroke-dashoffset:-20}}.flow-connection.running{stroke:#ffffff26;animation:none}#mission-control{background:#0a0a0a;border-bottom:1px solid #1a1a1a;padding:12px;flex-shrink:0}#mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;color:#555;letter-spacing:.06em}#mission-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.agent-card{background:#111;border:1px solid #222;border-radius:6px;padding:10px;font-size:11px;transition:border-color .2s ease}.agent-card.thinking{border-color:#2a2a2a}.agent-card.running{border-color:var(--accent);animation:pulse-border 1.5s infinite}.agent-card.done{border-color:#22c55e}.agent-card.error{border-color:#ef4444}.agent-card-name{color:#e8e8e8;font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-card-status{color:#555;font-size:10px}.agent-card.running .agent-card-status{color:var(--accent)}.agent-card.done .agent-card-status{color:#22c55e}.agent-card.error .agent-card-status{color:#ef4444}@keyframes pulse-border{0%,to{border-color:var(--accent)}50%{border-color:#3333a0}}.msg-meta{font-size:10px;color:var(--text-secondary);margin-top:6px;text-align:right;opacity:.7;font-family:var(--font-mono);letter-spacing:.02em}.live-run-stats{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:4px;padding:2px 8px;font-family:var(--font-mono);transition:all .2s ease}#conv-search-input:focus{border-color:#333!important}#conv-search-input:focus+#conv-search-clear{opacity:.8}#cmd-list .cmd-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:6px;cursor:pointer;color:#ccc;font-size:13px;transition:background .1s}#cmd-list .cmd-item:hover,#cmd-list .cmd-item.cmd-active{background:#252525;color:#fff}#cmd-list .cmd-item .cmd-icon{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#222;border-radius:5px;font-size:13px;flex-shrink:0}#cmd-list .cmd-item .cmd-shortcut{margin-left:auto;font-size:10px;color:#555;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:3px;padding:1px 6px}#cmd-list .cmd-group{font-size:10px;color:#444;letter-spacing:.08em;padding:8px 12px 4px;text-transform:uppercase}.conv-item.pinned{border-left:2px solid var(--accent)!important;background:#5b5bd60a}.mention-item{display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .15s ease;border-radius:6px;margin:2px 6px}.mention-item:hover,.mention-item.mention-active{background:#ffffff0d;color:#fff}.mention-item .mention-name{font-weight:600;color:#efefef;font-size:13px}.mention-item .mention-dir{font-size:10px;color:#666;margin-top:2px}.status-card{background:#111;border:1px solid #1e1e1e;border-radius:6px;padding:10px 12px}.status-card-title{font-size:9px;color:#444;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.status-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#888;padding:3px 0}.status-row .status-val{color:#ccc;font-weight:500}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;flex-shrink:0}.status-dot.green{background:#22c55e;box-shadow:0 0 4px #22c55e88}.status-dot.red{background:#ef4444}.status-dot.grey{background:#444}.chat-input-area{transition:background .2s,border-color .2s;position:relative}.chat-input-area.drag-over{background:#5b5bd60f!important;border-color:var(--accent)!important;outline:2px dashed var(--accent);outline-offset:-2px}.drag-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;transition:opacity .2s;background:#0a0a0ad9;border-radius:inherit;z-index:5;font-size:13px;color:var(--accent);font-weight:500;gap:8px}.chat-input-area.drag-over .drag-hint{opacity:1}@keyframes appFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.app-container{animation:appFadeIn .4s ease-out forwards}.wordmark{display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.35em;font-weight:400;margin:0;display:none;-webkit-user-select:none;user-select:none;cursor:default;width:100%;background:linear-gradient(135deg,var(--text-muted) 0%,rgba(255,255,255,.25) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-icon-btn{background:none;border:none;padding:8px;color:var(--text-muted);cursor:pointer;border-radius:7px;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.footer-icon-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.mention-highlight{color:var(--accent-light);font-weight:500}.btn-export{background:none;border:1px solid var(--border-strong);color:var(--text-secondary);border-radius:6px;padding:5px 10px;font-size:var(--font-size-xs);cursor:pointer;transition:all .18s ease;display:flex;align-items:center;gap:4px;font-family:var(--font-ui)}.btn-export:hover:not(:disabled){color:var(--text-primary);border-color:#ffffff26}.btn-export:disabled{opacity:.4;cursor:not-allowed}.model-pill{display:flex;align-items:center;gap:6px;background:var(--bg-elevated);border:1px solid var(--border-strong);padding:4px 12px;border-radius:99px;font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .18s ease;letter-spacing:-.01em}.model-pill:hover{border-color:var(--border-accent);color:var(--text-primary);background:var(--bg-hover)}.model-pill:before{content:"";width:5px;height:5px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 6px var(--accent)}.persona-pill{display:flex;align-items:center;gap:8px;background:var(--bg-elevated);border:1px solid var(--border-strong);padding:0 12px;border-radius:99px;font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:all .18s ease;height:28px;letter-spacing:-.01em}.persona-pill:hover{border-color:var(--border-accent);color:var(--text-primary)}.new-chat-btn-v2{width:100%;background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:8px;padding:8px;color:var(--text-secondary);font-size:var(--font-size-sm);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s ease;margin-top:8px;letter-spacing:-.01em}.new-chat-btn-v2:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-accent)}.input-wrapper{max-width:700px;margin:0 auto;padding:0 24px 20px;display:flex;flex-direction:column;gap:0}.input-box{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-strong);border-radius:14px 14px 10px 10px;padding:14px 14px 12px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s ease,box-shadow .2s ease}.input-box:focus-within{border-color:var(--border-accent);box-shadow:0 0 0 3px var(--accent-dim),var(--shadow-md)}.input-right{display:flex;align-items:center;gap:6px;padding:8px 12px 0 4px}.btn-ghost-sm{background:none;border:1px solid var(--border-strong);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:var(--font-size-xs);font-family:var(--font-ui);font-weight:500;padding:4px 9px;transition:all .18s ease;letter-spacing:0;white-space:nowrap}.btn-ghost-sm:hover{color:var(--text-secondary);border-color:#ffffff1f;background:var(--bg-hover)}.input-shortcuts{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding:4px 12px 2px;font-size:9px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:0;opacity:.7}.input-shortcuts span:nth-child(2n){opacity:.4}.ollama-status-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:16px;margin-bottom:24px}.ollama-status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.ollama-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:6px;background:#444}.ollama-dot.online{background:#22c55e;box-shadow:0 0 8px #22c55e66}.ollama-dot.offline{background:#ef4444}.ollama-model-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:12px 0}.ollama-model-pill{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:5px;padding:6px 10px;font-size:11px;color:#ccc;display:flex;align-items:center;justify-content:space-between}.ollama-pull-row{display:flex;gap:8px;margin-top:16px}.ollama-pull-input{flex:1;background:#050505;border:1px solid #222;border-radius:4px;color:#eee;padding:8px 12px;font-size:12px;outline:none}.skill-modal input:focus,.skill-modal textarea:focus{border-color:#ffffff26;background:#00000059}.ollama-progress-wrap{margin-top:12px;display:none}.ollama-progress-bar{height:4px;background:#111;border-radius:2px;overflow:hidden;margin-bottom:4px}.ollama-progress-fill{height:100%;background:var(--accent);width:0%;transition:width .3s ease}.ollama-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.btn-suggest{background:none;border:1px solid #222;color:#666;font-size:10px;padding:2px 7px;border-radius:4px;cursor:pointer}.btn-suggest:hover{border-color:#444;color:#999}.mcp-featured-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#444;margin:16px 0 8px}.mcp-featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:14px}.mcp-featured-card{background:#141414;border:1px solid #242424;border-radius:8px;padding:10px 11px;cursor:pointer;transition:border-color .15s,background .15s;display:flex;flex-direction:column;gap:4px;position:relative}.mcp-featured-card:hover{border-color:#ffffff24;background:#181818}.mcp-featured-card.already-added{opacity:.4;pointer-events:none}.mcp-featured-card-top{display:flex;align-items:center;justify-content:space-between}.mcp-featured-icon{font-size:15px;line-height:1;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.mcp-featured-added-badge{font-size:9px;color:#3a3a3a;font-weight:600;letter-spacing:.04em}.mcp-featured-name{font-size:11px;font-weight:600;color:#c8c8c8;letter-spacing:-.01em}.mcp-featured-desc{font-size:9px;color:#3a3a3a;line-height:1.4}.section-label.collapsible{cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none}.section-label.collapsible:hover{color:#ffffff80}.section-chevron{flex-shrink:0;color:#333;transition:transform .25s ease,color .15s;margin-left:8px}.section-label.collapsible:hover .section-chevron{color:#555}.section-content{overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease}.section-content.open{max-height:3000px;opacity:1}.section-content.closed{max-height:0;opacity:0}#cmd-palette-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:12000;align-items:flex-start;justify-content:center;padding-top:15vh;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#cmd-palette{background:#111114;border:1px solid #22222a;border-radius:12px;width:540px;max-width:90vw;box-shadow:0 24px 80px #000c,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column}.cmd-header{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #1e1e24;gap:12px}#cmd-palette-input{flex:1;background:none;border:none;outline:none;color:#f0f0f2;font-size:14px;font-family:inherit}#cmd-palette-results{max-height:380px;overflow-y:auto;padding:8px}.cmd-group-label{font-size:9px;font-weight:700;color:#555;text-transform:uppercase;letter-spacing:.08em;padding:12px 14px 6px}.cmd-item{display:flex;align-items:center;padding:10px 14px;border-radius:8px;cursor:pointer;gap:12px;transition:all .12s;margin-bottom:2px}.cmd-item:hover,.cmd-item.active{background:#ffffff0d}.cmd-item-icon{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#1c1c22;border-radius:6px;color:#a0a0a8}.cmd-item-label{flex:1;font-size:13px;color:#d0d0d5}.cmd-item-hint{font-size:10px;color:#444}.quick-actions-panel{display:none;margin-top:12px;padding:12px;background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-strong);border-radius:14px;flex-wrap:wrap;gap:10px;max-height:160px;overflow-y:auto;animation:slideUpFade .25s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:var(--shadow-md)}.quick-actions-panel.show{display:flex}.qa-pill{display:flex;align-items:center;gap:8px;background:#ffffff08;border:1px solid var(--border);padding:6px 14px;border-radius:20px;font-size:11px;color:var(--text-secondary);cursor:pointer;transition:all .18s ease;-webkit-user-select:none;user-select:none;position:relative;white-space:nowrap}.qa-pill:hover{border-color:var(--border-accent);color:var(--text-primary);transform:translateY(-2px);background:#ffffff0f;box-shadow:0 4px 12px #0003}.qa-pill .qa-delete{opacity:0;color:#ff5252;margin-left:6px;padding:2px;border-radius:4px;transition:opacity .15s ease;display:flex;align-items:center}.qa-pill:hover .qa-delete{opacity:.6}.qa-pill .qa-delete:hover{opacity:1;background:#ff52521a}.qa-add-btn{background:transparent;border:1px dashed var(--border-strong);color:var(--text-muted);font-weight:600}.qa-add-btn:hover{border-style:solid;border-color:var(--accent);color:var(--accent-light);background:var(--accent-subtle)}.qa-inline-input{background:transparent;border:none;border-bottom:1px solid var(--accent);padding:0 4px;font-size:11px;color:var(--text-primary);outline:none;width:120px;font-family:var(--font-ui)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.qa-toggle-btn{padding:4px 10px;background:#ffffff08;border:1px solid var(--border-strong);border-radius:6px;color:var(--text-muted);font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:6px}.qa-toggle-btn:hover{background:#ffffff0f;color:var(--text-secondary);border-color:#444}.qa-toggle-btn.active{background:var(--accent-dim);color:var(--accent-light);border-color:var(--border-accent)}.shortcuts-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9500;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center}.shortcuts-card{background:#0f0f0f;border:1px solid #222;border-radius:16px;padding:28px;width:640px;max-width:90vw;max-height:80vh;overflow-y:auto;box-shadow:0 24px 64px #0009}.shortcuts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.95rem;font-weight:600;color:#e8e8e8}.shortcuts-close{background:none;border:none;color:#555;cursor:pointer;font-size:1rem;padding:4px 8px;border-radius:4px}.shortcuts-close:hover{color:#999;background:#1a1a1a}.shortcuts-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.shortcuts-section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:#555;margin-bottom:12px}.shortcut-row{display:flex;align-items:center;gap:6px;font-size:.82rem;color:#888;margin-bottom:8px}.shortcut-row span{margin-left:auto;color:#666}kbd{background:#161616;border:1px solid #2a2a2a;border-radius:4px;padding:2px 6px;font-size:.75rem;color:#aaa;font-family:inherit;white-space:nowrap}.tab-badge{font-size:10px;margin-left:4px;padding:1px 4px;border-radius:4px}.tab-badge.controlled{background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.tab-badge.auto{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.terminal-confirm-card{background:#0f0f0f;border:1px solid #ef444444;border-radius:6px;padding:12px;margin:8px 0;animation:slideUpIn .3s ease}.vibe-summary-card{background:#0a0a0a;border:1px solid #22c55e33;border-radius:8px;padding:16px;margin:12px 0;border-left:4px solid #22c55e}#context-meter-wrap{display:none}#context-meter-bar-track{flex:1;height:3px;background:#1a1a1a;border-radius:2px;overflow:hidden}#context-meter-bar-fill{height:100%;width:0%;background:#22c55e;border-radius:2px;transition:width .4s ease,background .4s ease}#context-meter-label{font-size:9px;color:#333;font-family:var(--font-mono, monospace);white-space:nowrap;min-width:36px;text-align:right}#activity-sidebar{width:200px;min-width:200px;border-left:1px solid #111;background:#060606;display:flex;flex-direction:column;overflow:hidden;transition:width .2s ease,min-width .2s ease;flex-shrink:0}#activity-sidebar.collapsed{width:32px;min-width:32px}#activity-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #111;flex-shrink:0}#activity-sidebar-title{font-size:9px;font-weight:700;color:#e0e0e0;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;overflow:hidden}#activity-sidebar-toggle{background:none;border:none;color:#888;cursor:pointer;font-size:10px;padding:0;flex-shrink:0}#activity-list{flex:1;overflow-y:auto;padding:6px 0;scrollbar-width:none}#activity-list::-webkit-scrollbar{display:none}#activity-list .activity-item{padding:5px 10px;border-bottom:1px solid #0d0d0d;animation:fadeIn .15s ease}#activity-list .activity-item .act-tool{font-size:10px;font-weight:600;color:#555;font-family:var(--font-mono, monospace)}#activity-list .activity-item .act-tool.running{color:#3b82f6}#activity-list .activity-item .act-tool.done{color:#22c55e}#activity-list .activity-item .act-tool.failed{color:#ef4444}#activity-list .activity-item .act-detail{font-size:9px;color:#666;font-family:var(--font-mono, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}#vibe-chat-stream{width:100%;max-width:620px;flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:28px;padding:60px 0 24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.05) transparent}#vibe-chat-stream::-webkit-scrollbar{width:8px}#vibe-chat-stream::-webkit-scrollbar-track{background:transparent}#vibe-chat-stream::-webkit-scrollbar-thumb{background:#ffffff0d;border-radius:99px;border:3px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px #ffffff08}#vibe-chat-stream::-webkit-scrollbar-thumb:hover{background:#ffffff1c;border:3px solid transparent;background-clip:padding-box;box-shadow:inset 0 0 0 1px #ffffff0f}#vibe-hologram-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;pointer-events:none;background:#080808e0;display:none;align-items:center;justify-content:center;flex-direction:column;opacity:0;transition:opacity 1.2s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#vibe-hologram-overlay.active{display:flex;opacity:1}.hologram-stage{position:relative;width:320px;height:320px;display:flex;align-items:center;justify-content:center}.hologram-ring{position:absolute;border-radius:50%;border:1px solid rgba(99,102,241,.2);transition:all .5s ease}.ring-outer{width:220px;height:220px;border-style:dashed;border-width:1px;animation:spin 12s linear infinite reverse;border-color:#6366f126}.ring-mid{width:160px;height:160px;border-width:2px;border-color:#6366f166;border-top-color:transparent;border-bottom-color:transparent;animation:spin 6s linear infinite}.ring-inner{width:100px;height:100px;border-width:3px;border-color:#6366f1b3;border-right-color:transparent;animation:spin 3s linear infinite}.hologram-glow{width:32px;height:32px;background:#6366f1;border-radius:50%;box-shadow:0 0 50px 15px #6366f180;animation:holoPulse 2.5s ease-in-out infinite}.hologram-text{margin-top:50px;font-family:var(--font-mono);font-size:13px;letter-spacing:.5em;color:#6366f1e6;text-transform:uppercase;text-shadow:0 0 10px rgba(99,102,241,.5);animation:textFlicker 4s infinite}.hologram-scanline{position:absolute;top:0;left:50%;transform:translate(-50%);width:240px;height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.8),transparent);box-shadow:0 0 15px #6366f180;animation:scanVertical 4s linear infinite;pointer-events:none}.hologram-particle{position:absolute;width:2px;height:2px;background:#6366f1;border-radius:50%;opacity:.6;animation:floatParticle 5s infinite linear}@keyframes holoPulse{0%,to{transform:scale(1);opacity:.6;box-shadow:0 0 40px 10px #6366f166}50%{transform:scale(1.15);opacity:1;box-shadow:0 0 60px 20px #6366f1b3}}@keyframes scanVertical{0%{top:15%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:85%;opacity:0}}@keyframes textFlicker{0%,15%,17%,18%,20%,55%,57%,58%,60%,to{opacity:1}16%,19%,56%,59%{opacity:.4}}@keyframes vibeRing1{0%{transform:rotateX(70deg) rotate(0)}to{transform:rotateX(70deg) rotate(360deg)}}@keyframes vibeRing2{0%{transform:rotateX(40deg) rotate(0)}to{transform:rotateX(40deg) rotate(360deg)}}@keyframes vibeRing3{0%{transform:rotateX(20deg) rotate(0)}to{transform:rotateX(20deg) rotate(360deg)}}@keyframes vibeOrb{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}@keyframes vibeTextFlicker{0%,to{opacity:.4}50%{opacity:.9}}@keyframes floatParticle{0%{transform:translateY(0) rotate(0);opacity:0}50%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}#bottom-bar{position:fixed;bottom:0;left:0;right:0;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:4000;-webkit-app-region:no-drag}.bb-left{display:flex;align-items:center;gap:14px}.bb-right{display:flex;align-items:center;gap:4px}.bb-icon{width:22px;height:22px;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;opacity:.45;transition:opacity .18s ease,transform .18s ease;flex-shrink:0}.bb-icon:hover{opacity:1;transform:scale(1.15)}#main-status-bar{display:flex;align-items:center;gap:7px;cursor:pointer;padding:3px 8px;border-radius:6px;transition:background .15s ease;opacity:.6}#main-status-bar:hover{background:#ffffff0d;opacity:1}#main-status-bar #tb-status-model{font-size:11px;color:#ffffff8c}.bb-tab{background:transparent;border:none;cursor:pointer;padding:6px 12px;border-radius:6px;color:#ffffff4d;display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;font-weight:500;transition:color .15s ease,background .15s ease}.bb-tab:hover{color:#ffffffb3;background:#ffffff0d}.bb-tab.active{color:#ffffffd9}.folio-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:#00000040;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .22s ease}.folio-overlay.open{opacity:1;pointer-events:all}.folio-panel{position:relative;display:flex;width:95vw;height:92vh;background:#08060c85;backdrop-filter:blur(64px) saturate(200%) brightness(1.05);-webkit-backdrop-filter:blur(64px) saturate(200%) brightness(1.05);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.13);border-radius:14px;overflow:hidden;box-shadow:0 40px 100px #0000008c,inset 0 1px #ffffff14,inset 0 0 60px #3c1e5a0a;transform:scale(.97) translateY(12px);transition:transform .24s cubic-bezier(.4,0,.2,1)}.folio-overlay.open .folio-panel{transform:scale(1) translateY(0)}.folio-left{width:280px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);background:#ffffff05}.folio-header{padding:16px 16px 10px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:10px;background:#ffffff05}.folio-new-chat{background:transparent;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#ffffff80;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono);padding:8px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .13s,border-color .13s,background .13s;width:100%}.folio-new-chat:hover{color:#ffffffe6;border-color:#fff3;background:#ffffff08}#folio-search{background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.06);color:#fff9;font-size:11px;padding:6px 2px;outline:none;font-family:var(--font-mono);letter-spacing:.03em;width:100%;transition:border-color .13s}#folio-search::placeholder{color:#ffffff2e}#folio-search:focus{border-bottom-color:#fff3}.folio-conv-list{list-style:none;padding:8px 0;margin:0;overflow-y:auto;flex:1}.folio-conv-list::-webkit-scrollbar{width:6px}.folio-conv-list::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.folio-conv-item{padding:7px 20px;font-size:11px;color:#ffffff59;cursor:pointer;transition:color .12s,background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1.5px solid transparent;letter-spacing:.01em}.folio-conv-item:hover{color:#fffc;background:#ffffff06}.folio-conv-item.active{color:#ffffffe6;border-left-color:#fff6}.folio-right{flex:1;min-width:0;padding:24px 28px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;align-content:start}.folio-right::-webkit-scrollbar{width:3px}.folio-right::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.folio-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.folio-tool-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:7px;color:#fff6;font-size:10px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .13s;letter-spacing:.02em}.folio-tool-btn:hover{background:#ffffff0f;color:#ffffffd9;border-color:#ffffff26}.abo-feature-row{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff8c;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}.abo-feature-row:last-child{border-bottom:none}.abo-feature-icon{font-size:12px;flex-shrink:0}.abo-feature-label{flex:1}.abo-feature-status{font-size:10px;color:#4ade80b3;flex-shrink:0}.abo-feature-status.locked{color:#fff3}.folio-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#ffffff73}.folio-rules-textarea{background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:6px;color:#fff9;font-size:10px;font-family:var(--font-mono);padding:10px 12px;resize:none;width:100%;height:90px;outline:none;line-height:1.6;box-sizing:border-box;transition:border-color .13s}.folio-rules-textarea:focus{border-color:#ffffff26}.folio-section-label,.folio-action-btn,.folio-meta{display:none}.folio-tabs{display:flex;gap:2px;padding:14px 20px 0;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.folio-tab{background:none;border:none;border-bottom:2px solid transparent;color:#ffffff47;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-family:var(--font-mono);padding:6px 14px 10px;cursor:pointer;transition:color .13s,border-color .13s;margin-bottom:-1px;white-space:nowrap}.folio-tab:hover{color:#fff9}.folio-tab.active{color:#ffffffe6;border-bottom-color:#ffffff80}.folio-tab-content{display:none;flex:1;min-height:0;overflow-y:auto;padding:20px 24px}.folio-tab-content.active{display:block}.folio-tab-content::-webkit-scrollbar{width:3px}.folio-tab-content::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:2px}.folio-tab-content .settings-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.16);border-radius:10px;padding:16px 18px;margin-bottom:12px}.folio-tab-content .section-label{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#fff9;font-family:var(--font-mono);margin-bottom:12px;display:block}.folio-tab-content .settings-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.react-flow__node{background:transparent!important;border:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important}.react-flow__handle{width:20px!important;height:20px!important;border-radius:50%!important;background:transparent!important;border:none!important;cursor:crosshair!important;position:absolute!important}.react-flow__handle:before{content:"";display:block;width:6px;height:6px;border-radius:50%;opacity:0;transition:opacity .15s ease,transform .15s ease,box-shadow .15s ease;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left:before{background:#6366f1d9;box-shadow:0 0 6px #6366f180}.react-flow__handle-right:before{background:#ffffffa6;box-shadow:0 0 6px #ffffff59}.react-flow__node:hover .react-flow__handle:before,.react-flow__handle:hover:before{opacity:1}.react-flow__handle:hover:before{transform:translate(-50%,-50%) scale(1.5)}.react-flow__background{background:#080808!important}.rf-edge-idle{animation:rf-edge-breathe 3s ease-in-out infinite}@keyframes rf-edge-breathe{0%,to{stroke-opacity:.45}50%{stroke-opacity:.7}}.rf-edge-done{stroke:#22c55e!important;filter:drop-shadow(0 0 3px rgba(34,197,94,.4))}.rf-edge-delete-btn{width:16px;height:16px;border-radius:50%;background:#14141ce6;border:1px solid rgba(255,255,255,.12);color:#fff6;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;opacity:0;transition:opacity .15s ease,background .15s ease;line-height:1}.react-flow__edge:hover .rf-edge-delete-btn{opacity:1}.rf-edge-delete-btn:hover{background:#ef444440!important;border-color:#ef444480!important;color:#ef4444!important}.flow-node.fn-running{border-left-color:#a78bfae6;box-shadow:0 0 20px #a78bfa26!important;animation:fn-pulse 1.4s ease-in-out infinite}.flow-node.fn-done{border-left-color:#22c55ee6;box-shadow:0 0 12px #22c55e1a!important}.flow-node.fn-error{border-left-color:#ef4444e6;box-shadow:none!important}@keyframes fn-pulse{0%,to{box-shadow:0 8px 48px #000000b3,0 0 12px #a78bfa26}50%{box-shadow:0 8px 48px #000000b3,0 0 22px #a78bfa4d}}.flow-page-wrapper{display:flex;height:100%;width:100%;overflow:hidden;position:relative}.flow-palette{position:absolute;left:12px;top:60px;bottom:12px;width:44px;z-index:100;display:flex;flex-direction:column;gap:4px;align-items:center}.palette-btn{width:36px;height:36px;background:#0c0c12e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.07);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:grab;font-size:13px;transition:all .15s ease;position:relative;color:#ffffff80}.palette-btn:hover{background:#ffffff0f;border-color:#ffffff26;color:#ffffffe6;transform:scale(1.08)}.palette-btn:after{content:attr(data-label);position:absolute;left:46px;top:50%;transform:translateY(-50%) translate(-4px);background:#111;border:1px solid rgba(255,255,255,.1);color:#ccc;padding:4px 8px;border-radius:5px;font-size:10px;font-family:var(--font-mono, monospace);white-space:nowrap;opacity:0;pointer-events:none;transition:all .15s ease;z-index:200}.palette-btn:hover:after{opacity:1;transform:translateY(-50%) translate(0)}html,body{height:100%;margin:0;padding:0;overflow:hidden}#root{height:100%;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#080808;color:#e8e8e8;font-family:var(--font-ui, "Inter", system-ui, sans-serif)}.main-content{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.sidebar{position:fixed;left:0;top:40px;bottom:0;width:6px;background:transparent;border-right:none;z-index:200;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1),background .3s ease;flex-direction:column;display:flex}.sidebar:before{content:"";position:absolute;left:2px;top:12%;bottom:12%;width:2px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.05) 25%,rgba(255,255,255,.09) 50%,rgba(255,255,255,.05) 75%,transparent 100%);border-radius:2px;transition:opacity .3s ease;pointer-events:none}.sidebar:hover:before{opacity:0}.sidebar:hover{width:240px;background:#080808eb;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border-right:1px solid rgba(255,255,255,.05);box-shadow:4px 0 32px #0009}.sidebar-inner{width:240px;min-width:240px;height:100%;display:flex;flex-direction:column;padding:0 0 12px;overflow:hidden;opacity:0;transition:opacity .18s ease;transition-delay:0ms}.sidebar:hover .sidebar-inner{opacity:1;transition-delay:.11s}.sidebar.collapsed .sidebar-inner{opacity:0;pointer-events:none}.flow-panel-list{width:160px;flex-shrink:0;display:flex;flex-direction:column;background:#070709cc;border-right:1px solid rgba(255,255,255,.05);overflow:hidden}.flow-list-header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 6px;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;font-family:var(--font-mono);flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.04)}.flow-list-scroll{flex:1;overflow-y:auto;padding:4px;scrollbar-width:none}.flow-list-item{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:11px;color:#fff6;transition:all .15s ease;white-space:nowrap;overflow:hidden;border:1px solid transparent;margin-bottom:2px}.flow-list-item:hover{background:#ffffff0a;color:#ffffffb3}.flow-list-item.active{background:#6366f11a;color:#a78bfae6;border-color:#6366f126}.flow-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:var(--font-mono);font-size:10px}.flow-toolbar{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:4px;background:#0a0a10eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:5px 10px;box-shadow:0 4px 20px #0006}.flow-toolbar-btn{background:transparent;border:none;color:#ffffff80;font-size:12px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .15s ease;font-family:var(--font-mono);line-height:1}.flow-toolbar-btn:hover{color:#ffffffe6;background:#ffffff0f}.flow-toolbar-btn:disabled{opacity:.3;cursor:default}.flow-toolbar-btn.run-btn{background:#6366f126;color:#a78bfae6;border:1px solid rgba(99,102,241,.25);font-weight:600;padding:4px 12px}.flow-toolbar-btn.run-btn:hover:not(:disabled){background:#6366f140;color:#fff}.flow-toolbar-btn.run-btn.running{opacity:.6}.flow-toolbar-divider{width:1px;height:16px;background:#ffffff14;margin:0 4px;flex-shrink:0}.flow-toolbar-zoom{font-size:11px;color:#ffffff59;font-family:var(--font-mono);min-width:38px;text-align:center;cursor:pointer;padding:2px 4px;border-radius:3px;transition:color .15s;-webkit-user-select:none;user-select:none}.flow-toolbar-zoom:hover{color:#ffffffb3}.flow-node{position:absolute;width:220px;background:#101014bf;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-left:2px solid color-mix(in srgb,var(--node-color, rgba(255, 255, 255, .4)) 45%,transparent);border-radius:8px;font-size:11px;color:#ffffffd9;transition:border-color .2s ease,box-shadow .2s ease}.react-flow__controls{background:#0c0c12e6!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:8px!important;box-shadow:none!important}.react-flow__controls button{background:transparent!important;border:none!important;border-bottom:1px solid rgba(255,255,255,.05)!important;color:#ffffff80!important;fill:#ffffff80!important}.react-flow__controls button:hover{background:#ffffff0d!important}.react-flow__minimap{background:#08080cf2!important;border:1px solid rgba(255,255,255,.06)!important;border-radius:8px!important}.react-flow__edge-path{stroke:#ffffff26!important;stroke-width:1.5!important}#vibe-build-input::-webkit-contacts-auto-fill-button,#vibe-build-input::-webkit-credentials-auto-fill-button,#vibe-build-input::-webkit-strong-password-auto-fill-button{display:none!important;visibility:hidden!important}.vcs-user{align-self:flex-end;max-width:80%;color:#ffffff4d;font-size:13px;line-height:1.5;text-align:right;font-weight:300;animation:vcsFadeIn .2s ease}.vcs-ai{align-self:flex-start;max-width:100%;color:#fff;font-size:24px;line-height:1.5;font-weight:300;animation:vcsFadeIn .2s ease}.vcs-ai p{margin:0 0 10px}.vcs-ai p:last-child{margin-bottom:0}.vcs-ai strong{color:#fffffff2;font-weight:500}.vcs-ai code{font-family:var(--font-mono);font-size:inherit;color:#ffffffb3}.vcs-thinking{align-self:flex-start;color:#fff3;font-size:12px;animation:vcsPulse 1.4s ease-in-out infinite}@keyframes vcsFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes vcsPulse{0%,to{opacity:.2}50%{opacity:.5}}.usage-stat-card{background:#0a0a0a;border:1px solid #1c1c1c;border-radius:6px;padding:12px 14px}.usage-stat-label{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#ffffff73;margin-bottom:4px}.usage-stat-value{font-size:15px;font-weight:400;color:#ffffff8c;font-family:var(--font-mono);line-height:1;margin-bottom:3px}.usage-stat-sub{font-size:10px;color:#fff3;font-family:var(--font-mono);margin-top:2px}.chat-scroll::-webkit-scrollbar,#vibe-build-input::-webkit-scrollbar{width:4px!important}.chat-scroll::-webkit-scrollbar-track,#vibe-build-input::-webkit-scrollbar-track{background:transparent!important}.chat-scroll::-webkit-scrollbar-thumb,#vibe-build-input::-webkit-scrollbar-thumb{background:#ffffff14!important;border-radius:99px}.chat-scroll::-webkit-scrollbar-thumb:hover,#vibe-build-input::-webkit-scrollbar-thumb:hover{background:#ffffff24!important}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px rgba(15,15,15,.95) inset!important;-webkit-text-fill-color:rgba(255,255,255,.75)!important;caret-color:#ffffffbf;transition:background-color 5000s ease-in-out 0s}.docs-markdown{padding:20px 24px;font-size:12px;line-height:1.7;color:#ffffffbf;max-width:780px}.docs-h1{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px;letter-spacing:-.02em}.docs-h2{font-size:14px;font-weight:600;color:#ffffffe6;margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08);letter-spacing:.03em;text-transform:uppercase}.docs-h3{font-size:12px;font-weight:600;color:#fffc;margin:18px 0 8px}.docs-h4{font-size:11px;font-weight:600;color:#fff9;margin:14px 0 6px;text-transform:uppercase;letter-spacing:.05em}.docs-p{margin:0 0 8px}.docs-hr{border:none;border-top:1px solid rgba(255,255,255,.07);margin:20px 0}.docs-blockquote{border-left:2px solid rgba(255,255,255,.15);padding:4px 12px;margin:8px 0;color:#ffffff73;font-style:italic;background:#ffffff05;border-radius:0 4px 4px 0}.docs-code-block{background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:12px 14px;font-family:var(--font-mono, monospace);font-size:10.5px;color:#b4dcffd9;overflow-x:auto;margin:8px 0 12px;white-space:pre}.docs-inline-code{font-family:var(--font-mono, monospace);font-size:10.5px;background:#ffffff14;color:#b4dcffd9;padding:1px 5px;border-radius:3px}.docs-table{width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:11px}.docs-td{padding:5px 10px;border:1px solid rgba(255,255,255,.07);color:#ffffffb3}.docs-table tr:first-child .docs-td{color:#fff6;font-size:9px;text-transform:uppercase;letter-spacing:.06em;background:#ffffff05}.docs-ul{margin:4px 0 10px 16px;padding:0}.docs-li{margin-bottom:4px;color:#ffffffb3}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub Dark
  Description: Dark theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-dark
  Current colors taken from GitHub's CSS
*/.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}