.design-docs-panel{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#1e1e1e;color:#d4d4d4;font-size:12px}.dd-toolbar{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid #3c3c3c;background:#252526;flex-shrink:0}.dd-search{flex:1;min-width:0;padding:4px 8px;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:3px;color:#d4d4d4;font-size:12px;outline:none}.dd-search:focus{border-color:#007acc}.dd-toolbar-btn{padding:4px 10px;background:#2d2d30;border:1px solid #3c3c3c;border-radius:3px;color:#d4d4d4;cursor:pointer;font-size:11px;white-space:nowrap;transition:background .1s,border-color .1s}.dd-toolbar-btn:hover{background:#37373d;border-color:#4a4a4a}.dd-toolbar-btn.active{background:#094771;border-color:#007acc;color:#fff}.dd-toolbar-btn.primary{background:#0e639c;border-color:#0e639c;color:#fff}.dd-toolbar-btn.primary:hover{background:#17b;border-color:#17b}.dd-toolbar-btn.dd-danger{background:transparent;border-color:#5a3a3a;color:#f48771}.dd-toolbar-btn.dd-danger:hover{background:#5a3a3a;color:#fff}.dd-category-tabs{display:flex;gap:0;padding:4px 8px 0;border-bottom:1px solid #3c3c3c;background:#252526;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.dd-category-tabs::-webkit-scrollbar{display:none}.dd-category-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:none;border-bottom:2px solid transparent;color:#858585;cursor:pointer;font-size:11px;white-space:nowrap;transition:color .1s,border-color .1s;margin-bottom:-1px}.dd-category-tab:hover{color:#d4d4d4}.dd-category-tab.active{color:#d4d4d4;border-bottom-color:#007acc}.dd-category-label{font-weight:500}.dd-category-count{display:inline-block;min-width:18px;padding:1px 6px;background:#3c3c3c;border-radius:10px;font-size:10px;text-align:center;color:#d4d4d4}.dd-category-tab.active .dd-category-count{background:#094771;color:#fff}.dd-table-wrap{flex:1;overflow:auto;min-height:0}.dd-table{width:100%;border-collapse:collapse;font-size:11px}.dd-table thead{position:sticky;top:0;background:#252526;z-index:1}.dd-table th{text-align:left;padding:6px 8px;color:#858585;font-weight:500;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #3c3c3c;white-space:nowrap;-webkit-user-select:none;user-select:none}.dd-table th.sortable{cursor:pointer}.dd-table th.sortable:hover{color:#d4d4d4}.dd-table th.sorted-asc:after,.dd-table th.sorted-desc:after{content:" ";display:inline-block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;margin-left:4px;vertical-align:middle}.dd-table th.sorted-asc:after{border-bottom:5px solid #007acc}.dd-table th.sorted-desc:after{border-top:5px solid #007acc}.dd-table th.dd-num,.dd-table td.dd-num{text-align:right;font-variant-numeric:tabular-nums}.dd-table tbody tr{cursor:pointer;transition:background .05s}.dd-table tbody tr:hover{background:#2a2d2e}.dd-table tbody tr.selected{background:#094771}.dd-table tbody tr.archived{opacity:.55}.dd-table td{padding:7px 8px;border-bottom:1px solid #2a2a2a;vertical-align:middle}.dd-cell-title{display:flex;flex-direction:column;gap:1px}.dd-title-text{font-size:12px;color:#d4d4d4;line-height:1.3}.dd-cell-id{font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px;color:#6a6a6a}.dd-cat-pill{display:inline-block;padding:1px 7px;border-radius:3px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.dd-cat-pill.cat-overview{background:#28456e;color:#cce5ff}.dd-cat-pill.cat-mechanic{background:#2c5d3a;color:#b6e9c6}.dd-cat-pill.cat-system-contract{background:#5d432c;color:#f6cfa6}.dd-cat-pill.cat-decision{background:#4d2c5d;color:#e5c6f0}.dd-cat-pill.cat-open-question{background:#5d2c2c;color:#f0c6c6}.dd-status{display:inline-block;padding:1px 7px;border-radius:10px;font-size:10px}.dd-status.active{background:#1e3a1e;color:#8fce8f}.dd-status.archived{background:#3a1e1e;color:#ce8f8f}.dd-muted{color:#6a6a6a}.dd-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.dd-empty h3{font-size:13px;font-weight:500;margin-bottom:8px;color:#d4d4d4}.dd-empty p{font-size:11px;color:#858585;max-width:320px;line-height:1.5}.dd-detail{border-top:1px solid #3c3c3c;background:#252526;max-height:50%;overflow-y:auto;flex-shrink:0}.dd-detail-header{padding:12px;border-bottom:1px solid #3c3c3c;background:#2d2d30}.dd-detail-title-row{display:flex;align-items:flex-start;gap:8px;margin-bottom:6px}.dd-detail-title{flex:1;font-size:13px;font-weight:500;color:#d4d4d4;line-height:1.3;margin:0}.dd-detail-title-input{flex:1;padding:4px 6px;font-size:13px;font-weight:500;background:#1e1e1e;border:1px solid #3c3c3c;color:#d4d4d4;border-radius:3px;outline:none}.dd-icon-btn{padding:0 8px;height:24px;background:transparent;border:none;color:#858585;cursor:pointer;font-size:16px;line-height:1;border-radius:3px}.dd-icon-btn:hover{background:#3c3c3c;color:#d4d4d4}.dd-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px;color:#858585}.dd-meta-id{font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px;color:#6a6a6a}.dd-meta-system{color:#a0a0a0}.dd-meta-archived{background:#3a1e1e;color:#ce8f8f;padding:1px 7px;border-radius:3px;font-size:10px;text-transform:uppercase}.dd-detail-system-input{padding:2px 6px;font-size:11px;background:#1e1e1e;border:1px solid #3c3c3c;color:#d4d4d4;border-radius:3px;outline:none;min-width:180px}.dd-detail-body{padding:12px;border-bottom:1px solid #3c3c3c}.dd-detail-body-text{font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;color:#d4d4d4;white-space:pre-wrap;word-wrap:break-word;line-height:1.5;margin:0}.dd-detail-body-input{width:100%;padding:8px;font-family:SF Mono,Menlo,Consolas,monospace;font-size:12px;background:#1e1e1e;border:1px solid #3c3c3c;color:#d4d4d4;border-radius:3px;resize:vertical;outline:none;line-height:1.5}.dd-detail-body-input:focus{border-color:#007acc}.dd-detail-section{padding:10px 12px;border-bottom:1px solid #3c3c3c}.dd-section-label{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#858585;margin-bottom:6px}.dd-section-empty{font-size:11px;font-style:italic}.dd-bindings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.dd-bindings li code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:11px;color:#4ec9b0;background:#1e1e1e;padding:2px 6px;border-radius:2px;display:inline-block}.dd-related{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.dd-related li{display:flex;align-items:center;gap:8px;font-size:11px}.dd-related-title{flex:1;color:#d4d4d4}.dd-related-id{font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px;color:#6a6a6a}.dd-meta-grid{display:grid;grid-template-columns:80px 1fr;gap:4px 12px;font-size:11px}.dd-meta-grid>span:nth-child(odd){color:#858585}.dd-detail-actions{display:flex;gap:6px;padding:10px 12px;background:#2d2d30}.dd-mode-tabs{display:flex;border-bottom:1px solid #3c3c3c;background:#252526;padding:0 8px}.dd-mode-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:#858585;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;display:flex;align-items:center;gap:6px;margin-bottom:-1px}.dd-mode-tab:hover{color:#d4d4d4}.dd-mode-tab-active{color:#d4d4d4;border-bottom-color:#007acc}.dd-mode-tab-badge{background:#f48771;color:#1e1e1e;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}.dd-coverage{padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;color:#d4d4d4;font-size:12px}.dd-coverage-empty{padding:32px 16px;text-align:center;color:#858585}.dd-coverage-empty h3{color:#d4d4d4;font-size:14px;margin-bottom:8px}.dd-coverage-empty p{font-size:12px;line-height:1.5;max-width:360px;margin:0 auto}.dd-coverage-warnings{background:#5a3a1e;border:1px solid #8a6a3a;border-radius:4px;padding:8px 12px;font-size:11px;color:#ffcd99}.dd-coverage-warnings ul{margin:4px 0 0 16px;padding:0}.dd-coverage-card{background:#2d2d30;border:1px solid #3c3c3c;border-radius:4px;padding:10px 12px}.dd-coverage-card h3{color:#d4d4d4;font-size:12px;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.dd-coverage-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.dd-coverage-stat{background:#1e1e1e;border:1px solid #3c3c3c;border-radius:3px;padding:6px 8px}.dd-coverage-stat-small{background:transparent;border-color:transparent;padding:4px 0}.dd-coverage-stat-label{font-size:10px;color:#858585;margin-bottom:2px}.dd-coverage-stat-value{font-size:16px;color:#d4d4d4;font-weight:500;font-variant-numeric:tabular-nums}.dd-coverage-stat-small .dd-coverage-stat-value{font-size:13px}.dd-coverage-details{margin-top:8px}.dd-coverage-details summary{cursor:pointer;color:#569cd6;font-size:11px}.dd-coverage-kind-list{list-style:none;margin:6px 0 0;padding:0;font-size:11px}.dd-coverage-kind-list li{display:flex;justify-content:space-between;padding:2px 0;color:#d4d4d4;font-variant-numeric:tabular-nums}.dd-coverage-kind{font-family:SF Mono,Menlo,Consolas,monospace;color:#4ec9b0}.dd-coverage-queue-group{margin-top:8px}.dd-coverage-queue-group:first-of-type{margin-top:0}.dd-coverage-queue-group-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.dd-coverage-reason{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:2px;letter-spacing:.5px}.dd-coverage-reason-low-confidence{background:#5a3a1e;color:#ffcd99}.dd-coverage-reason-verifier-failed{background:#5a1e1e;color:#f48771}.dd-coverage-reason-no-confidence{background:#3a3a5a;color:#99a8ff}.dd-coverage-reason-post-validation-failed{background:#3a1e3a;color:#c9f}.dd-coverage-queue-blurb{font-size:11px;color:#858585;margin:0 0 6px;line-height:1.4}.dd-coverage-queue-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.dd-coverage-queue-item{background:#1e1e1e;border:1px solid #3c3c3c;border-radius:3px;padding:6px 8px}.dd-coverage-queue-item-head{display:flex;align-items:center;gap:8px;font-size:11px}.dd-coverage-verdict{font-weight:700;font-size:10px;text-transform:uppercase;padding:2px 6px;border-radius:2px}.dd-coverage-verdict-keep{background:#1e3a1e;color:#9f9}.dd-coverage-verdict-revise{background:#3a3a1e;color:#ff9}.dd-coverage-verdict-drop{background:#5a1e1e;color:#f48771}.dd-coverage-verdict-add{background:#1e3a5a;color:#99c4ff}.dd-coverage-queue-target{flex:1;font-family:SF Mono,Menlo,Consolas,monospace;font-size:10px;color:#4ec9b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dd-coverage-queue-time{font-size:10px;color:#858585}.dd-coverage-queue-rationale{font-size:11px;color:#d4d4d4;margin-top:4px;line-height:1.4}.dd-coverage-queue-detail{font-size:10px;color:#858585;margin-top:2px;font-style:italic}.assets-panel{display:flex;flex-direction:column;gap:8px;padding:8px;overflow:auto;height:100%}.assets-toolbar{display:flex}.assets-upload-btn{padding:6px 10px;cursor:pointer;border-radius:4px}.assets-error{color:#ff6b6b;font-size:12px}.assets-empty{color:#8a8a8a;font-size:12px;line-height:1.5}.assets-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.assets-item{display:flex;align-items:center;gap:8px;padding:4px;border-radius:4px}.assets-item:hover{background:#ffffff0d}.assets-thumb{width:28px;height:28px;object-fit:contain;border-radius:3px;background:#0003;display:flex;align-items:center;justify-content:center;font-size:9px;text-transform:uppercase;flex:0 0 auto}.assets-path{flex:1 1 auto;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-size{font-size:11px;color:#8a8a8a;flex:0 0 auto}.assets-remove{background:none;border:none;color:#8a8a8a;cursor:pointer;flex:0 0 auto}.assets-remove:hover{color:#ff6b6b}.preview-panel{flex:1 1 50%;display:flex;flex-direction:column;background-color:#1e1e1e;min-width:200px;overflow:hidden}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#252526;border-bottom:1px solid #3c3c3c}.preview-header h3{font-size:13px;font-weight:500;color:#ccc;margin:0}.add-client-btn{padding:4px 8px;font-size:11px;background-color:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer;transition:background-color .2s}.add-client-btn:hover:not(:disabled){background-color:#17b}.add-client-btn:disabled{background-color:#3c3c3c;color:gray;cursor:not-allowed}.preview-content{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden;background-color:#111}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:100;color:#fff;font-size:14px}.loading-spinner{width:32px;height:32px;border:3px solid #333;border-top-color:#4ec9b0;border-radius:50%;animation:spin 1s linear infinite}.sandbox-grid-container{width:100%;height:100%;background-color:#111;box-sizing:border-box;margin:0;padding:0;overflow:hidden}.console-panel{flex:0 0 150px;min-height:40px;background-color:#1e1e1e;border-top:none;overflow-y:auto;font-family:Consolas,Monaco,monospace;font-size:12px;padding:8px}.gutter-horizontal{height:4px;width:100%;background-color:#3c3c3c;cursor:row-resize;flex-shrink:0;z-index:10;position:relative;transition:background-color .15s}.gutter-horizontal:hover,.gutter-horizontal.active{background-color:#0e639c}.console-panel .log-entry{padding:2px 0;white-space:pre-wrap;word-break:break-all}.console-panel .log-entry.info{color:#4ec9b0}.console-panel .log-entry.warn{color:#dcdcaa}.console-panel .log-entry.error{color:#f14c4c}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.agent-chat-panel{display:flex;flex-direction:column;height:100%;width:360px;flex:0 0 360px;background-color:#1e1e1e;border-left:1px solid #3c3c3c;min-width:280px;max-width:600px;overflow:hidden}.agent-chat-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#252526;border-bottom:1px solid #3c3c3c;flex-shrink:0}.agent-chat-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#ccc}.agent-icon{width:40px;height:40px;object-fit:contain;display:block;flex:0 0 auto}.agent-status{font-size:10px}.agent-status.connected{color:#4ec9b0}.agent-status.disconnected{color:#f14c4c}.agent-chat-actions{display:flex;gap:4px}.agent-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:gray;cursor:pointer;transition:all .15s}.agent-action-btn:hover{background-color:#3c3c3c;color:#ccc}.agent-action-btn.danger:hover{background-color:#f14c4c33;color:#f14c4c}.agent-settings-panel{padding:12px;background-color:#252526;border-bottom:1px solid #3c3c3c;display:flex;flex-direction:column;gap:12px}.agent-setting{display:flex;flex-direction:column;gap:4px}.agent-setting label{font-size:11px;color:gray}.agent-setting select,.agent-setting input[type=range]{width:100%;background-color:#3c3c3c;border:1px solid #555;border-radius:4px;color:#ccc;font-size:12px;padding:4px 8px}.agent-setting.checkbox label{display:flex;align-items:center;gap:8px;color:#ccc;cursor:pointer}.agent-setting.checkbox input{accent-color:#4ec9b0}.agent-context-panel{padding:8px;background-color:#1a1a2e;border-bottom:1px solid #3c3c3c;max-height:200px;overflow-y:auto}.agent-context-header{font-size:11px;font-weight:600;color:gray;text-transform:uppercase;margin-bottom:8px}.agent-context-item{background-color:#252526;border-radius:4px;padding:8px;margin-bottom:8px}.agent-context-item:last-child{margin-bottom:0}.context-source{display:flex;align-items:center;gap:8px;margin-bottom:4px}.source-badge{font-size:9px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:3px}.source-badge.codebase{background-color:#0e639c;color:#fff}.source-badge.docs{background-color:#6a9955;color:#fff}.source-badge.templates{background-color:#9b59b6;color:#fff}.context-path{font-size:11px;color:#4ec9b0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-relevance{font-size:10px;color:gray}.context-snippet{font-size:10px;font-family:Consolas,Monaco,monospace;color:#9d9d9d;margin:0;padding:4px;background-color:#1e1e1e;border-radius:3px;overflow:hidden;max-height:60px;overflow-y:auto}.agent-chat-messages{flex:1;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:12px}.agent-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:gray;text-align:center;padding:20px}.agent-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.agent-empty-state p{font-size:14px;margin-bottom:16px}.agent-suggestions{display:flex;flex-direction:column;gap:8px}.agent-suggestions button{padding:8px 16px;background-color:#3c3c3c;border:1px solid #555;border-radius:16px;color:#ccc;font-size:12px;cursor:pointer;transition:all .15s}.agent-suggestions button:hover{background-color:#0e639c;border-color:#0e639c;color:#fff}.agent-message{display:flex;gap:8px;max-width:100%}.agent-message.user{flex-direction:row-reverse}.agent-message.system{justify-content:center}.message-avatar{width:28px;height:28px;border-radius:50%;background-color:#0e639c;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;overflow:hidden}.message-avatar img{width:100%;height:100%;object-fit:contain;display:block}.message-content{max-width:85%;display:flex;flex-direction:column;gap:8px}.agent-message.user .message-content{align-items:flex-end}.message-text{padding:10px 14px;border-radius:12px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.agent-message.user .message-text{background-color:#0e639c;color:#fff;border-bottom-right-radius:4px}.agent-message.assistant .message-text{background-color:#2d2d2d;color:#ccc;border-bottom-left-radius:4px}.message-bullet-list{list-style:disc;padding-left:18px;margin:0}.message-bullet-list li{margin:2px 0;line-height:1.45}.message-paragraph{margin:0;line-height:1.5}.message-spacer{height:6px}.agent-message.error .message-text{background-color:#f14c4c33;color:#f14c4c}.system-message{font-size:11px;color:gray;font-style:italic;padding:4px 12px;background-color:#ffffff0d;border-radius:12px}.typing-cursor{animation:blink 1s step-end infinite;color:#4ec9b0}@keyframes blink{50%{opacity:0}}.message-code-blocks{display:flex;flex-direction:column;gap:8px;width:100%}.code-block{background-color:#1e1e1e;border:1px solid #3c3c3c;border-radius:8px;overflow:hidden}.code-block.applied{border-color:#4ec9b0}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background-color:#252526;border-bottom:1px solid #3c3c3c}.code-filename{font-size:11px;color:#4ec9b0;font-family:Consolas,Monaco,monospace}.code-block-actions{display:flex;gap:4px}.code-action-btn{padding:4px 8px;font-size:11px;background-color:#3c3c3c;border:none;border-radius:4px;color:#ccc;cursor:pointer;transition:all .15s}.code-action-btn:hover:not(:disabled){background-color:#4c4c4c}.code-action-btn.apply{background-color:#0e639c;color:#fff}.code-action-btn.apply:hover:not(:disabled){background-color:#17b}.code-action-btn.applied{background-color:#4ec9b0;color:#1e1e1e}.code-action-btn:disabled{opacity:.6;cursor:default}.code-block-content{margin:0;padding:12px;font-size:12px;font-family:Consolas,Monaco,monospace;color:#d4d4d4;overflow-x:auto;max-height:300px;overflow-y:auto}.code-block-content code{white-space:pre}.agent-status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#4ec9b01a;border-radius:8px;font-size:12px;color:#4ec9b0}.status-spinner{width:14px;height:14px;border:2px solid #4ec9b0;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.agent-pipeline-status{display:flex;flex-direction:column;gap:4px;padding:8px 12px;margin:4px 0;background-color:#4ec9b014;border-left:2px solid #4ec9b0;border-radius:0 8px 8px 0;font-size:12px;color:#ccc;transition:opacity .2s ease}.agent-pipeline-status[data-step=error]{background-color:#f447471a;border-left-color:#f44747;color:#f44747}.pipeline-status-row{display:flex;align-items:center;gap:8px}.pipeline-status-row.completed{opacity:.6}.status-check{color:#4ec9b0;font-size:12px;flex-shrink:0}.status-check.failed{color:#f44747;font-weight:600}.pipeline-status-row.failed .pipeline-step-label.completed{color:#e38b8b}.pipeline-step-label{color:#4ec9b0;font-weight:500}.pipeline-step-label.completed{color:#888}.agent-pipeline-status[data-step=error] .pipeline-step-label{color:#f44747}.pipeline-tool-badge{display:inline-block;padding:1px 6px;background:#4ec9b026;border-radius:3px;font-size:11px;font-family:Cascadia Code,Fira Code,Consolas,monospace;color:#4ec9b0}.pipeline-step-detail{display:block;margin-top:2px;font-size:11px;color:#858585;font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pipeline-step-group{display:flex;flex-direction:column}.pipeline-status-row.clickable{-webkit-user-select:none;user-select:none}.pipeline-status-row.clickable:hover{background:#4ec9b014;border-radius:3px}.step-expand-icon{font-size:9px;flex-shrink:0;color:#4ec9b0;width:12px;text-align:center}.tool-call-details{margin:4px 0 6px 20px;padding:0;border-left:2px solid rgba(78,201,176,.2);border-radius:0 4px 4px 0;background:#1e1e1e99;overflow:hidden}.tool-detail-tabs{display:flex;gap:0;border-bottom:1px solid #3c3c3c}.tool-error-banner{display:flex;flex-direction:column;gap:4px;padding:8px 10px;background:#f4474714;border-bottom:1px solid rgba(244,71,71,.35)}.tool-error-banner-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#f47171}.tool-error-banner-message{margin:0;padding:0;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#ffb4b4;max-height:200px;overflow:auto}.tool-detail-tab{padding:4px 12px;border:none;background:none;color:#888;font-size:11px;cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.tool-detail-tab:hover{color:#ccc}.tool-detail-tab.active{color:#4ec9b0;border-bottom-color:#4ec9b0}.tool-detail-content{max-height:400px;overflow:auto}.tool-detail-json,.tool-detail-code{margin:0;padding:8px 10px;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:#d4d4d4;background:transparent}.tool-detail-meta{border-bottom:1px solid rgba(78,201,176,.1);opacity:.85}.tool-payload-split{display:flex;flex-direction:column}.hljs-pre{margin:0}.tool-detail-json .hljs,.tool-detail-code .hljs,.code-block-content.hljs-pre .hljs{background:transparent;padding:0;white-space:pre-wrap;word-break:break-word}.code-block-content .hljs{white-space:pre;word-break:normal}.file-diff{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:11px;line-height:1.5;color:#d4d4d4;background:transparent}.file-diff-side-by-side{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(60,60,60,.6)}.file-diff-side-by-side .file-diff-col-before{border-right:1px solid rgba(60,60,60,.6)}.file-diff-col{display:flex;flex-direction:column;overflow-x:auto}.file-diff-row{display:grid;grid-template-columns:36px 16px 1fr;align-items:baseline;padding:0 0 0 4px;white-space:pre;min-height:1.5em}.file-diff-row.add{background-color:#50aa502e;color:#dcefdc}.file-diff-row.remove{background-color:#c8464638;color:#f3d6d6}.file-diff-row.empty{background-color:#5050501f;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.02),rgba(255,255,255,.02) 4px,transparent 4px,transparent 8px)}.file-diff-row.same{color:#a0a0a0}.file-diff-ln{color:#6a6a6a;text-align:right;padding-right:8px;-webkit-user-select:none;user-select:none;font-size:10px}.file-diff-sign{color:inherit;text-align:center;-webkit-user-select:none;user-select:none;opacity:.8}.file-diff-text{white-space:pre-wrap;word-break:break-word;padding-right:8px}.file-diff-row.add .file-diff-sign{color:#6fce7a}.file-diff-row.remove .file-diff-sign{color:#e88c8c}.file-diff-empty-note{padding:6px 10px;color:#888;font-size:11px;font-style:italic;border-bottom:1px solid rgba(60,60,60,.6)}.pipeline-plan-actions{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 20px;padding-left:8px;border-left:2px solid rgba(78,201,176,.15)}.pipeline-plan-reasoning{font-size:11px;color:#858585;font-style:italic;margin-bottom:2px;line-height:1.4}.pipeline-plan-action{display:flex;align-items:center;gap:6px;font-size:11px}.plan-action-num{color:#666;font-size:10px;min-width:14px;flex-shrink:0}.plan-action-reason{color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pipeline-modified-files{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.pipeline-selected-templates,.pipeline-template-instantiation{display:flex;flex-direction:column;gap:4px;margin:2px 0 4px 20px;padding-left:8px;border-left:2px solid rgba(78,201,176,.15)}.pipeline-template-row{display:flex;flex-direction:column;gap:2px}.pipeline-template-header{display:flex;align-items:center;gap:6px;font-size:11px;color:#d4d4d4}.pipeline-template-header.clickable:hover{color:#fff}.pipeline-template-name{font-weight:500}.pipeline-template-category{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:10px;color:#858585;padding:1px 5px;background:#ffffff0d;border-radius:3px}.pipeline-template-context{font-size:10px;color:#4ec9b0;text-transform:uppercase;letter-spacing:.5px}.pipeline-template-details{display:flex;flex-direction:column;gap:4px;margin:2px 0 4px 16px;padding-left:8px;border-left:2px solid rgba(78,201,176,.08);font-size:11px;color:#aaa}.pipeline-template-description{line-height:1.4}.pipeline-template-options,.pipeline-template-depends{display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.pipeline-template-options-label{color:#858585;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.pipeline-template-options-value{color:#ce9178;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:11px}.pipeline-file-chip{display:inline-block;padding:1px 6px;background:#ce91781f;border-radius:3px;font-size:11px;font-family:Cascadia Code,Fira Code,Consolas,monospace;color:#ce9178}.pipeline-trail{margin-bottom:8px;border-left:2px solid #3c3c3c;border-radius:0 6px 6px 0;background:#4ec9b00a;overflow:hidden}.pipeline-trail-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;background:none;border:none;cursor:pointer;color:#858585;font-size:11px;text-align:left;transition:background .15s}.pipeline-trail-toggle:hover{background:#4ec9b014;color:#ccc}.pipeline-trail-icon{font-size:10px;flex-shrink:0;color:#4ec9b0}.pipeline-trail-summary{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.trail-stat{display:inline-flex;align-items:center;gap:3px;color:#999;white-space:nowrap}.trail-stat.trail-steps{color:#666;font-style:italic}.pipeline-trail-details{padding:4px 10px 8px;display:flex;flex-direction:column;gap:3px;border-top:1px solid rgba(78,201,176,.1)}.pipeline-trail .pipeline-status-row.completed{opacity:.85}.pipeline-trail .pipeline-status-row.completed:hover{opacity:1}.pipeline-trail .pipeline-step-label.completed{text-decoration:none;color:#aaa}.pipeline-trail .status-check{font-size:11px}.pipeline-trail .pipeline-modified-files{margin-top:4px;padding-top:4px;border-top:1px solid rgba(78,201,176,.08)}.agent-chat-input-container{display:flex;gap:8px;padding:12px;background-color:#252526;border-top:1px solid #3c3c3c}.agent-chat-input{flex:1;padding:10px 14px;background-color:#3c3c3c;border:1px solid #555;border-radius:8px;color:#ccc;font-size:13px;font-family:inherit;resize:none;min-height:40px;max-height:150px;line-height:1.4}.agent-chat-input:focus{outline:none;border-color:#0e639c}.agent-chat-input::placeholder{color:gray}.agent-chat-input:disabled{opacity:.6}.agent-send-btn{width:40px;height:40px;background-color:#0e639c;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s;flex-shrink:0}.agent-send-btn:hover:not(:disabled){background-color:#17b}.agent-send-btn:disabled{background-color:#3c3c3c;color:gray;cursor:not-allowed}.send-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.agent-chat-messages::-webkit-scrollbar,.code-block-content::-webkit-scrollbar,.agent-context-panel::-webkit-scrollbar{width:8px}.agent-chat-messages::-webkit-scrollbar-track,.code-block-content::-webkit-scrollbar-track,.agent-context-panel::-webkit-scrollbar-track{background:transparent}.agent-chat-messages::-webkit-scrollbar-thumb,.code-block-content::-webkit-scrollbar-thumb,.agent-context-panel::-webkit-scrollbar-thumb{background-color:#3c3c3c;border-radius:4px}.agent-chat-messages::-webkit-scrollbar-thumb:hover,.code-block-content::-webkit-scrollbar-thumb:hover,.agent-context-panel::-webkit-scrollbar-thumb:hover{background-color:#4c4c4c}.agent-undo-btn{position:relative;padding:6px 12px;background-color:#3c3c3c;border:1px solid #555;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;transition:all .2s ease}.agent-undo-btn:hover{background-color:#4c4c4c;border-color:#666}.agent-undo-btn.has-checkpoints{background-color:#4a3c1c;border-color:#d4a94c;color:#f0e0b0}.agent-undo-btn.has-checkpoints:hover{background-color:#5a4c2c}.checkpoint-badge{position:absolute;top:-6px;right:-6px;min-width:16px;height:16px;padding:0 4px;background-color:#d4a94c;border-radius:8px;color:#1e1e1e;font-size:10px;font-weight:600;display:flex;align-items:center;justify-content:center}.agent-checkpoints-panel{padding:8px;background-color:#1a1a1c;border-bottom:1px solid #3c3c3c;max-height:200px;overflow-y:auto}.checkpoints-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#ccc;font-size:12px;font-weight:500}.checkpoints-count{color:#888;font-weight:400}.checkpoints-list{display:flex;flex-direction:column;gap:4px}.checkpoint-item{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background-color:#252526;border-radius:4px;border:1px solid #3c3c3c}.checkpoint-item.reverted{opacity:.5;background-color:#1e1e1e}.checkpoint-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.checkpoint-filename{font-size:12px;color:#4ec9b0;font-family:Cascadia Code,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.checkpoint-time{font-size:10px;color:#888}.checkpoint-revert-btn{padding:4px 8px;background-color:#4a3c1c;border:1px solid #d4a94c;border-radius:3px;color:#f0e0b0;font-size:11px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.checkpoint-revert-btn:hover{background-color:#5a4c2c}.checkpoint-item.reverted .checkpoint-revert-btn{display:none}.checkpoint-reverted-label{font-size:10px;color:#666;font-style:italic}.pipeline-validation-errors{margin:4px 0 4px 28px;padding:8px 10px;background-color:#2a1f1f;border-left:2px solid #c94a4a;border-radius:3px;font-size:11px}.pipeline-validation-error{display:flex;align-items:flex-start;gap:6px;padding:2px 0;color:#e8c0c0;font-family:Cascadia Code,Fira Code,monospace;line-height:1.4}.pipeline-validation-error+.pipeline-validation-error{margin-top:2px}.validation-error-bullet{color:#c94a4a;flex-shrink:0;font-weight:700}.validation-error-text{word-break:break-word;white-space:pre-wrap}.pipeline-test-results{margin:4px 0 4px 28px;display:flex;flex-direction:column;gap:4px}.pipeline-test-file{background-color:#1e1e20;border:1px solid #2d2d30;border-radius:3px;overflow:hidden}.pipeline-test-file-header{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;color:#ccc}.pipeline-test-file-header.clickable:hover{background-color:#252528}.pipeline-test-file-path{flex:1;font-family:Cascadia Code,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-test-count{font-size:10px;color:#888;font-variant-numeric:tabular-nums}.test-status{flex-shrink:0;width:14px;text-align:center;font-weight:700;font-family:Cascadia Code,Fira Code,monospace}.test-status.pass{color:#4ec94e}.test-status.fail{color:#c94a4a}.test-status.pending{color:#d4a94c}.test-status.running{color:#569cd6}.test-status.skipped{color:#666}.test-status[data-spinning=true]{display:inline-block;animation:gotti-test-spinner 1.1s linear infinite}@keyframes gotti-test-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pipeline-test-count-fail{color:#c94a4a;font-weight:700}.pipeline-test-summary-header{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;color:#cfcfcf;background-color:#1d1d1f;border-bottom:1px solid #2d2d30}.pipeline-test-summary-header.failed{color:#e8c0c0}.pipeline-test-summary-header.running{color:#b8d4ee}.pipeline-test-list{border-top:1px solid #2d2d30;background-color:#181819}.pipeline-test-row{padding:2px 0}.pipeline-test-row-header{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 20px;font-size:11px;color:#b8b8b8}.pipeline-test-row-header.clickable:hover{background-color:#222225}.pipeline-test-name{flex:1;font-family:Cascadia Code,Fira Code,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pipeline-test-duration{font-size:10px;color:#666;font-variant-numeric:tabular-nums}.pipeline-test-failure,.pipeline-test-crash-text{margin:4px 28px 8px;padding:6px 8px;background-color:#2a1f1f;border-left:2px solid #c94a4a;border-radius:3px;font-size:11px;color:#e8c0c0;font-family:Cascadia Code,Fira Code,monospace;white-space:pre-wrap;word-break:break-word;line-height:1.4;overflow-x:auto}.pipeline-test-failure-source{margin:4px 28px 8px}.pipeline-test-failure-source-label{font-size:10px;color:#888;font-family:Cascadia Code,Fira Code,monospace;margin-bottom:2px}.pipeline-test-failure-source-snippet{margin:0;padding:6px 8px;background-color:#1d1d1f;border-left:2px solid #d4a94c;border-radius:3px;font-size:11px;color:#cfcfcf;font-family:Cascadia Code,Fira Code,monospace;white-space:pre;overflow-x:auto;line-height:1.4}.pipeline-test-crash{padding:4px 0}.pipeline-test-crash-label{margin:4px 28px 2px;font-size:10px;color:#c94a4a;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pipeline-test-summary{margin:4px 0 0;padding:4px 8px;font-size:10px;color:#888;font-style:italic}.v2-todo{display:flex;flex-direction:column;gap:6px;padding:8px 12px;margin:4px 0;background-color:#4ec9b00f;border-left:2px solid #4ec9b0;border-radius:0 8px 8px 0;font-size:12px;color:#ccc;font-variant-numeric:tabular-nums}.v2-todo-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:6px;border-bottom:1px solid rgba(78,201,176,.15)}.v2-todo-title{font-size:12px;font-weight:600;color:#d7faf2;letter-spacing:.3px}.v2-todo-summary{display:flex;gap:8px;align-items:center}.v2-todo-stat{font-size:10px;padding:1px 6px;background:#4ec9b01a;border-radius:3px;color:#aaa}.v2-todo-stat.running{color:#d7faf2;background:#4ec9b033}.v2-todo-stat.idle{color:#888}.v2-todo-stat.failed{color:#f4a;background:#f4474729}.v2-todo-body{display:flex;flex-direction:column;max-height:600px;overflow-y:auto}.v2-todo-row{display:flex;flex-direction:column;gap:1px}.v2-todo-line{display:flex;align-items:center;gap:6px;padding:1px 0;line-height:1.5;min-height:18px}.v2-todo-row.active>.v2-todo-line{background:#4ec9b012;border-radius:3px}.v2-todo-indent{display:inline-flex;align-items:stretch;flex-shrink:0}.v2-todo-indent-bar{display:inline-block;width:12px;height:18px;border-left:1px dashed rgba(78,201,176,.18);margin-left:5px}.v2-todo-check{width:14px;text-align:center;flex-shrink:0;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.v2-todo-check.pending{color:#555}.v2-todo-check.planning{color:#c8b450}.v2-todo-check.done{color:#4ec9b0}.v2-todo-check.failed{color:#f44747}.v2-todo-spinner{display:inline-block;width:10px;height:10px;border:1.5px solid #4ec9b0;border-top-color:transparent;border-radius:50%;animation:spin .9s linear infinite}.v2-todo-text{display:flex;align-items:baseline;gap:8px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v2-todo-name{color:#d4d4d4;overflow:hidden;text-overflow:ellipsis}.v2-todo-row.status-done>.v2-todo-line .v2-todo-name{color:#999}.v2-todo-row.status-failed>.v2-todo-line .v2-todo-name{color:#e38b8b}.v2-todo-row.status-running>.v2-todo-line .v2-todo-name,.v2-todo-row.status-planning>.v2-todo-line .v2-todo-name{color:#d7faf2;font-weight:500}.v2-todo-phase-pill{font-size:9px;text-transform:uppercase;padding:0 5px;border-radius:8px;font-weight:600;letter-spacing:.5px;flex-shrink:0}.v2-todo-phase-pill.phase-design{background:#73a5eb2e;color:#88b9f0}.v2-todo-phase-pill.phase-tests{background:#dcb45a2e;color:#d4b256}.v2-todo-phase-pill.phase-code{background:#4ec9b02e;color:#4ec9b0}.v2-todo-path{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:11px;color:#888;overflow:hidden;text-overflow:ellipsis}.v2-todo-size{font-size:10px;color:#666;flex-shrink:0}.v2-todo-tokens{font-size:10px;color:#8a7;flex-shrink:0;margin-left:6px;font-variant-numeric:tabular-nums;white-space:nowrap}.v2-todo-tokens-total{color:#8a7;font-variant-numeric:tabular-nums;white-space:nowrap}.v2-todo-progress{font-size:10px;color:#888;flex-shrink:0;margin-left:auto;padding-left:8px}.v2-todo-progress .failed{color:#f4a}.v2-todo-live-meta{font-size:10px;color:#c8b450;font-style:italic;flex-shrink:0;margin-left:auto;padding-left:8px}.v2-todo-live{display:flex;align-items:flex-start;gap:4px;margin:2px 0 4px}.v2-todo-live-text{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:10px;color:#8a9aa6;background:#4ec9b00d;border-left:2px solid rgba(78,201,176,.25);padding:3px 8px;border-radius:0 3px 3px 0;flex:1;min-width:0;max-height:95px;overflow:hidden;word-break:break-all;white-space:pre-wrap}.v2-todo-live-line{line-height:1.35;min-height:1em}.v2-todo-live-line:nth-last-child(1){color:#d7faf2}.v2-todo-live-line:nth-last-child(2){color:#b1c4cf}.v2-todo-live-line:nth-last-child(3){color:#8a9aa6}.v2-todo-reason{display:flex;align-items:flex-start;gap:4px;margin:1px 0 4px}.v2-todo-reason-text{font-size:11px;color:#b9b39a;background:#e0b3660f;border-left:2px solid rgba(224,179,102,.3);padding:3px 8px;border-radius:0 3px 3px 0;flex:1;min-width:0}.v2-todo-reason-line{line-height:1.4;word-break:break-word;white-space:pre-wrap}.v2-todo-reason-line:first-child{color:#e0c089}.v2-todo-activity{display:flex;align-items:flex-start;gap:4px;margin:1px 0 4px}.v2-todo-activity-text{font-size:11px;background:#569cd60f;border-left:2px solid rgba(86,156,214,.35);padding:3px 8px;border-radius:0 3px 3px 0;flex:1;min-width:0}.v2-todo-activity-line{line-height:1.4;color:#6f8595;word-break:break-word;white-space:pre-wrap}.v2-todo-activity-line.current{color:#9ecbf0;display:flex;align-items:baseline;gap:6px}.v2-todo-activity-dot{flex-shrink:0;width:6px;height:6px;border-radius:50%;background:#569cd6;align-self:center;animation:v2-activity-pulse 1.1s ease-in-out infinite}@keyframes v2-activity-pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.v2-todo-live-line:nth-last-child(4){color:#6a7882}.v2-todo-live-line:nth-last-child(5){color:#555f66}.v2-todo-live-line:nth-last-child(6){color:#3f474c}.v2-todo-error{display:flex;align-items:flex-start;gap:4px;font-size:11px;color:#e38b8b;background:#f4474714;border-left:2px solid #f44747;padding:3px 8px;margin:2px 0}.v2-todo-spec-cat{font-size:9px;text-transform:uppercase;letter-spacing:.4px;padding:0 5px;border-radius:8px;background:#73a5eb2e;color:#88b9f0;flex-shrink:0}.v2-todo-spec-sys{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:10px;color:#aaa;flex-shrink:0}.kg-panel{display:flex;flex-direction:column;height:100%;background:#1e1e1e;color:#d4d4d4;font-size:12px;overflow:hidden}.kg-header{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid #333;flex-wrap:wrap}.kg-title{font-weight:600;color:#d7faf2;font-size:13px}.kg-stats{display:flex;gap:6px;flex-wrap:wrap}.kg-stat{display:inline-flex;align-items:baseline;gap:3px;padding:1px 6px;border-radius:3px;background:#4ec9b01a;font-size:11px}.kg-stat.danger{background:#f4474726}.kg-stat-value{font-weight:600;color:#d7faf2}.kg-stat.danger .kg-stat-value{color:#f4a}.kg-stat-label{color:#888;font-size:10px}.kg-version{margin-left:auto;font-size:10px;color:#666;font-family:Cascadia Code,Fira Code,Consolas,monospace}.kg-close-btn{background:none;border:none;color:#888;font-size:18px;cursor:pointer;padding:0 6px}.kg-close-btn:hover{color:#d4d4d4}.kg-toolbar{display:flex;gap:8px;padding:6px 12px;border-bottom:1px solid #333;align-items:center}.kg-filter{flex:1;background:#2d2d30;border:1px solid #3f3f44;color:#d4d4d4;font:inherit;padding:3px 8px;border-radius:3px}.kg-filter:focus{outline:none;border-color:#4ec9b0}.kg-toggle{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:#888}.kg-body{display:flex;flex:1;min-height:0}.kg-list{flex:1;overflow-y:auto;padding:4px 0;border-right:1px solid #333}.kg-group{margin-bottom:4px}.kg-group-header{padding:4px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#888;background:#252526;position:sticky;top:0;z-index:1}.kg-count{font-size:10px;color:#555;margin-left:6px}.kg-row{display:flex;align-items:center;gap:6px;width:100%;padding:3px 12px;background:none;border:none;color:#d4d4d4;text-align:left;cursor:pointer;font:inherit}.kg-row:hover{background:#ffffff0a}.kg-row.selected{background:#4ec9b01f}.kg-pill{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:0 5px;border-radius:8px;font-weight:600;flex-shrink:0}.kg-pill-spec{background:#73a5eb33;color:#88b9f0}.kg-pill-file{background:#4ec9b033;color:#4ec9b0}.kg-pill-test{background:#dcb45a33;color:#d4b256}.kg-pill-symbol{background:#c882dc33;color:#c884dc}.kg-pill-runbook{background:#64b4f033;color:#64b4f0}.kg-pill-asset{background:#e0a45833;color:#e0a458}.kg-pill-api{background:#6fcf9733;color:#6fcf97}.kg-row-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-row-sub{font-size:10px;color:#888;font-family:Cascadia Code,Fira Code,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.kg-detail{flex:1.2;overflow-y:auto;padding:10px 14px;background:#1a1a1a;display:flex;flex-direction:column;gap:12px}.kg-detail-header{display:flex;align-items:center;gap:8px}.kg-detail-title{font-size:13px;font-weight:600;color:#d7faf2;overflow:hidden;text-overflow:ellipsis}.kg-detail-meta{display:flex;flex-direction:column;gap:2px}.kg-detail-meta code{font-size:10px;color:#888;font-family:Cascadia Code,Fira Code,Consolas,monospace;word-break:break-all}.kg-detail-meta-sub{font-size:10px;color:#666}.kg-edge-group{display:flex;flex-direction:column;gap:4px}.kg-edge-group-header{font-size:11px;font-weight:600;color:#aaa;border-bottom:1px solid #333;padding-bottom:2px}.kg-edge-list,.kg-related-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.kg-edge{display:flex;align-items:baseline;gap:6px;padding:2px 0;font-size:11px}.kg-edge-kind{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:#888;flex-shrink:0;width:60px}.kg-edge-target{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-edge.kg-edge-dangling .kg-edge-target{color:#e38b8b}.kg-edge-dangling{font-size:9px;color:#f4a;background:#f447471f;padding:0 4px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.kg-related{display:flex;flex-direction:column;gap:4px}.kg-related-header{font-size:11px;font-weight:600;color:#aaa;border-bottom:1px solid #333;padding-bottom:2px}.kg-related-item{font-size:11px;color:#aaa;padding:1px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-empty{font-size:11px;color:#555;font-style:italic;padding:2px 0}.kg-view-toggle{display:inline-flex;border:1px solid #3f3f44;border-radius:4px;overflow:hidden}.kg-view-btn{background:#2d2d30;border:none;color:#888;font:inherit;font-size:11px;padding:3px 10px;cursor:pointer}.kg-view-btn:hover{background:#3a3a3e;color:#d4d4d4}.kg-view-btn.active{background:#4ec9b033;color:#d7faf2}.kg-view-btn+.kg-view-btn{border-left:1px solid #3f3f44}.kg-canvas-body{display:flex;flex:1;min-height:0}.kg-canvas-host{flex:1;position:relative;background:radial-gradient(ellipse at center,#1f2026,#16171b);overflow:hidden;cursor:grab}.kg-canvas-host:active{cursor:grabbing}.kg-canvas{display:block;-webkit-user-select:none;user-select:none}.kg-legend{position:absolute;bottom:8px;left:8px;display:flex;gap:10px;align-items:center;padding:4px 10px;background:#0000008c;border:1px solid rgba(255,255,255,.08);border-radius:4px;font-size:10px;color:#aaa;pointer-events:none}.kg-legend-item{display:inline-flex;align-items:center;gap:4px}.kg-legend-swatch{display:inline-block;width:9px;height:9px;border-radius:50%}.kg-legend-swatch.kg-pill-spec{background:#88b9f0;border-radius:2px}.kg-legend-swatch.kg-pill-file{background:#4ec9b0}.kg-legend-swatch.kg-pill-test{background:#d4b256}.kg-legend-swatch.kg-pill-symbol{background:#c884dc}.kg-legend-swatch.kg-pill-runbook{background:#64b4f0}.kg-legend-swatch.kg-pill-asset{background:#e0a458}.kg-legend-swatch.kg-pill-api{background:#6fcf97}.kg-legend-sep{color:#444}.kg-legend-item-faint{color:#666}.kg-canvas-tooltip{position:absolute;top:8px;right:8px;max-width:280px;padding:6px 10px;background:#000000c7;border:1px solid rgba(78,201,176,.25);border-radius:4px;font-size:11px;color:#d4d4d4;pointer-events:none;display:flex;flex-direction:column;gap:4px}.kg-canvas-tooltip-header{display:flex;align-items:center;gap:6px}.kg-canvas-tooltip-label{font-weight:600;color:#d7faf2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kg-canvas-tooltip-meta{display:flex;flex-direction:column;gap:2px;font-size:10px;color:#888}.kg-canvas-tooltip-meta code{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:10px;color:#888;word-break:break-all}.kg-detail-side{width:280px;border-left:1px solid #333}.test-suite-open-btn{margin-left:auto;background:#4ec9b01a;border:1px solid rgba(78,201,176,.25);color:#4ec9b0;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:10px;padding:1px 6px;border-radius:3px;cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.test-suite-open-btn:hover{background:#4ec9b038;color:#d7faf2}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#1e1e1e;color:#d4d4d4}#app{width:100%;height:100%;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 0;background-color:#252526;border-bottom:1px solid #3c3c3c;height:56px;flex-shrink:0}.header h1{font-size:18px;font-weight:500;color:#569cd6}.logo-container{height:100%;display:flex;align-items:center;gap:8px;padding-left:16px;position:relative}.logo-wrapper{display:flex;align-items:center}.logo{height:40px;width:auto;display:block;padding:4px 8px 3px;background-color:#fff;border-radius:10px;border-right:3px solid #000000}.sandbox-badge{font-family:Courier New,Courier,monospace;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#d4a574;background:linear-gradient(135deg,#3a2a1a,#2a1a0a);padding:3px 8px;border-radius:3px;border:2px solid #8b6914;box-shadow:inset 0 1px #ffd78c33,inset 0 -1px #0000004d,0 2px 4px #0006;text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 10px rgba(212,165,116,.3);transform:rotate(-8deg);position:absolute;left:85px;top:50%;margin-top:6px;z-index:10}.sandbox-badge:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(139,105,20,.1) 2px,rgba(139,105,20,.1) 4px);border-radius:2px;pointer-events:none}.toolbar-actions{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:2px}.toolbar-item{display:flex;align-items:center}.toolbar-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:4px;color:#d4d4d4;cursor:pointer;font-size:13px;transition:background-color .15s,color .15s}.toolbar-btn:hover{background-color:#3c3c3c;color:#fff}.toolbar-btn:active{background-color:#4c4c4c}.toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.toolbar-btn svg{flex-shrink:0}#run-btn{background-color:#0e639c;color:#fff}#run-btn:hover{background-color:#17b}.toolbar-btn-danger:hover{background-color:#5a1d1d;color:#f48771}.toolbar-divider{width:1px;height:24px;background-color:#3c3c3c;margin:0 8px}.header-actions{display:flex;gap:8px;align-items:center}.btn{padding:8px 16px;font-size:13px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-primary{background-color:#0e639c;color:#fff}.btn-primary:hover{background-color:#17b}.btn-secondary{background-color:#3c3c3c;color:#d4d4d4}.btn-secondary:hover{background-color:#4c4c4c}.export-dropdown-container{position:relative}.export-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background-color:#252526;border:1px solid #3c3c3c;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:1000;min-width:240px;overflow:hidden}.export-dropdown-item{display:flex;align-items:flex-start;gap:12px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;color:#d4d4d4;transition:background-color .15s}.export-dropdown-item:hover{background-color:#094771}.export-dropdown-item:not(:last-child){border-bottom:1px solid #3c3c3c}.export-icon{font-size:20px;line-height:1}.export-label{display:flex;flex-direction:column;gap:2px}.export-label strong{font-size:13px;font-weight:500;color:#fff}.export-label small{font-size:11px;color:#9d9d9d}.template-dropdown-container{position:relative;margin-left:24px}.template-selector-btn{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#3c3c3c;border:1px solid #5c5c5c;border-radius:4px;color:#d4d4d4;font-size:13px;cursor:pointer;transition:all .15s}.template-selector-btn:hover{background-color:#4c4c4c;border-color:#6c6c6c}.template-selector-btn .template-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background-color:#252526;border:1px solid #3c3c3c;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:1000;min-width:320px;max-width:400px;overflow:hidden}.template-dropdown-item{display:flex;flex-direction:column;gap:4px;width:100%;padding:12px 16px;background:none;border:none;cursor:pointer;text-align:left;color:#d4d4d4;transition:background-color .15s}.template-dropdown-item:hover{background-color:#094771}.template-dropdown-item.active{background-color:#0e639c}.template-dropdown-item:not(:last-child){border-bottom:1px solid #3c3c3c}.template-item-name{font-size:13px;font-weight:500;color:#fff}.template-item-desc{font-size:11px;color:#9d9d9d;line-height:1.4}.template-dropdown-item.active .template-item-desc{color:#b0b0b0}.new-sandbox-dropdown-container{position:relative;margin-left:24px}.new-sandbox-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background-color:#0e639c;border:1px solid #1177bb;border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.new-sandbox-btn:hover{background-color:#17b;border-color:#1a8ad4}.new-sandbox-btn:active{background-color:#0a5689}.new-sandbox-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background-color:#252526;border:1px solid #3c3c3c;border-radius:6px;box-shadow:0 4px 12px #0006;z-index:1000;min-width:320px;max-width:400px;overflow:hidden}.new-sandbox-dropdown-header{padding:12px 16px;font-size:12px;font-weight:500;color:#9d9d9d;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #3c3c3c}.new-sandbox-template-list{max-height:300px;overflow-y:auto}.new-sandbox-template-option{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;cursor:pointer;transition:background-color .15s;border-bottom:1px solid #3c3c3c}.new-sandbox-template-option:last-child{border-bottom:none}.new-sandbox-template-option:hover{background-color:#2a2d2e}.new-sandbox-template-option.selected{background-color:#094771}.new-sandbox-template-option input[type=radio]{margin-top:2px;accent-color:#0e639c}.template-option-content{display:flex;flex-direction:column;gap:4px}.template-option-name{font-size:13px;font-weight:500;color:#fff}.template-option-desc{font-size:11px;color:#9d9d9d;line-height:1.4}.new-sandbox-template-option.selected .template-option-desc{color:#b0b0b0}.new-sandbox-dropdown-footer{padding:12px 16px;border-top:1px solid #3c3c3c;display:flex;justify-content:flex-end}.new-sandbox-create-btn{padding:8px 20px;background-color:#0e639c;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.new-sandbox-create-btn:hover{background-color:#17b}.new-sandbox-create-btn:active{background-color:#0a5689}.file-tree-file.has-errors .file-name,.file-tree-file.has-errors .file-icon{color:#f14c4c}.file-tree-folder.has-errors>.folder-label{color:#f14c4c}.editor-tab.has-errors{color:#f14c4c}.main-container{display:flex;flex:1;overflow:hidden}.gutter{width:4px;background-color:#3c3c3c;cursor:col-resize;flex-shrink:0;transition:background-color .15s}.gutter:hover,.gutter.active{background-color:#0e639c}.status-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 12px;background-color:#007acc;color:#fff;font-size:12px;height:22px;flex-shrink:0}.status-item{display:flex;align-items:center;gap:4px}#agent-btn{background-color:#3c3c3c;border:1px solid transparent}#agent-btn:hover{background-color:#4c4c4c}#agent-btn.active{background-color:#0e639c;border-color:#4ec9b0}#agent-btn.active:hover{background-color:#17b}.undo-toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px;background-color:#252526;border:1px solid #3c3c3c;border-radius:6px;color:#ccc;font-size:13px;box-shadow:0 4px 12px #0006;z-index:10000;animation:toast-slide-up .2s ease-out}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.undo-toast-btn{background:#0e639c;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500}.undo-toast-btn:hover{background:#17b}.undo-toast-dismiss{background:none;border:none;color:#888;cursor:pointer;font-size:16px;padding:0 4px;line-height:1}.undo-toast-dismiss:hover{color:#ccc}
