.extensions{background-color:var(--color-bg-secondary);width:var(--width-navigation);min-width:var(--width-navigation);max-width:var(--width-navigation);border:1px solid var(--color-border-primary);overflow-x:hidden;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;margin-left:calc(-1 * var(--width-navigation));opacity:0;pointer-events:none;position:relative;z-index:2;transition:margin var(--transition-normal),opacity var(--transition-normal);height:100%;min-height:0;max-height:100%;resize:none;scroll-behavior:smooth}.extensions>div:first-child{overflow-x:hidden;overflow-y:visible;flex:1;min-width:0;min-height:0;height:auto;scroll-behavior:smooth}.extensions::-webkit-scrollbar,.extensions>div:first-child::-webkit-scrollbar{width:8px;height:8px}.extensions::-webkit-scrollbar-track,.extensions>div:first-child::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.extensions::-webkit-scrollbar-thumb,.extensions>div:first-child::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:4px}.extensions::-webkit-scrollbar-thumb:hover,.extensions>div:first-child::-webkit-scrollbar-thumb:hover{background:#4a4a4a}body:has(#theme:checked) .extensions::-webkit-scrollbar-thumb,body:has(#theme:checked) .extensions>div:first-child::-webkit-scrollbar-thumb{background:#b0b0b0}body:has(#theme:checked) .extensions::-webkit-scrollbar-thumb:hover,body:has(#theme:checked) .extensions>div:first-child::-webkit-scrollbar-thumb:hover{background:#909090}.extensions .title{background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-base);padding:.48em}.extensions .extension-item{display:flex;align-items:flex-start;padding:var(--spacing-md) var(--spacing-lg);padding-left:2rem;color:var(--color-text-secondary);font-size:var(--font-size-base);cursor:pointer;gap:.7em}.extensions .extension-item span{flex:1;line-height:1.4;padding-top:1px}.extensions .extension-item:hover{background-color:var(--color-bg-primary)}.extensions .extension-item .extension-icon{color:var(--color-icon-file);margin-top:2px}.extensions .extension-item .extension-icon svg{color:var(--color-icon-file);stroke:var(--color-icon-file)}.extensions .extension-item:hover .extension-icon svg{color:#5aa5dc;stroke:rgb(90,165,220)}.extensions .folder.subTitle{background-color:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-base);padding-block:0.1em;padding-left:var(--spacing-lg);padding-right:var(--spacing-md);cursor:pointer;position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;overflow:visible}.extensions .folder.subTitle::before{content:none}.extensions .folder.subTitle::after{content:"▶";position:absolute;left:.2em;top:.3em;color:var(--color-text-secondary);font-size:11px;font-weight:400;line-height:1;transition:all var(--transition-fast);pointer-events:none}.extensions .folder.subTitle:has(+ input[type=checkbox]:checked)::after{content:"▼"}.extensions .section-title{flex:1;margin-left:1.2em;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extensions .section-count{background-color:var(--color-text-secondary);color:var(--color-bg-secondary);border-radius:50%;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-small);font-weight:700;padding:0 5px;flex-shrink:0;line-height:1;margin-left:auto;margin-right:0;visibility:visible;opacity:1}.extensions .section-divider{border:none;border-top:1px solid var(--color-border-primary);margin:var(--spacing-sm) 0;margin-left:var(--spacing-lg);margin-right:var(--spacing-md);height:1px}.extensions .folder.subTitle~input[type=checkbox],.extensions input[type=checkbox]#folderToggleInstalled,.extensions input[type=checkbox]#folderToggleRecommended{display:none!important}.extensions .folder.subTitle~input[type=checkbox]~ul,.extensions .folder.subTitle~ul{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important}.extensions #folderToggleInstalled:checked~ul{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}.extensions #folderToggleInstalled:not(:checked)~ul{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important}.extensions #folderToggleRecommended:checked~ul{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}.extensions #folderToggleRecommended:not(:checked)~ul{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important}@media (max-width:768px){.extensions{position:fixed!important;display:block!important;flex-direction:column!important;margin-left:0!important}.extensions>div:first-child{display:block!important;width:100%!important;height:100%!important}.extensions .extension-item,.extensions .folder.subTitle,.extensions .title,.extensions li{display:block!important;visibility:visible!important;opacity:1!important}.extensions .folder.subTitle~input[type=checkbox],.extensions input[type=checkbox]#folderToggleInstalled,.extensions input[type=checkbox]#folderToggleRecommended{display:none!important}.extensions #folderToggleInstalled~ul,.extensions #folderToggleRecommended~ul,.extensions .folder.subTitle~input[type=checkbox]~ul,.extensions .folder.subTitle~ul{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important}.extensions #folderToggleInstalled:checked~ul{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}.extensions #folderToggleInstalled:not(:checked)~ul{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important}.extensions #folderToggleRecommended:checked~ul{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}.extensions #folderToggleRecommended:not(:checked)~ul{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important}.extensions .folder.subTitle~input[type=checkbox]:checked~ul{display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;overflow:visible!important}.extensions .folder.subTitle~input[type=checkbox]:not(:checked)~ul{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;overflow:hidden!important}.extensions #folderToggleInstalled:checked~ul li,.extensions #folderToggleRecommended:checked~ul li,.extensions .folder.subTitle~input[type=checkbox]:checked~ul li{display:block!important;visibility:visible!important;opacity:1!important}#extensionsView:checked~.extensions .folder.subTitle,.extensions .folder.subTitle{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:var(--spacing-sm) var(--spacing-md)!important;padding-left:var(--spacing-lg)!important;white-space:nowrap!important;overflow:visible!important;gap:var(--spacing-sm)!important;line-height:1.2!important;flex-wrap:nowrap!important;position:relative!important}.extensions .folder.subTitle::after{position:absolute!important;left:.2em!important;top:0!important;height:100%!important;display:flex!important;align-items:center!important;line-height:1!important;flex-shrink:0!important;white-space:nowrap!important;margin:0!important;padding:0!important}.extensions .section-title{flex:1!important;margin-left:1.2em!important;margin-right:var(--spacing-sm)!important;text-align:left!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;min-width:auto!important;width:auto!important;line-height:1.2!important;display:block!important;visibility:visible!important;opacity:1!important;color:inherit!important}.extensions .section-count{background-color:var(--color-text-secondary)!important;color:var(--color-bg-secondary)!important;border-radius:50%!important;min-width:14px!important;width:14px!important;height:14px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:8px!important;font-weight:700!important;padding:0!important;flex-shrink:0!important;flex-grow:0!important;line-height:1!important;margin:0 0 0 auto!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important}.extensions .extension-item{padding:var(--spacing-md) var(--spacing-md)!important;padding-left:var(--spacing-lg)!important;font-size:var(--font-size-base)!important}.extensions .section-divider{margin-left:var(--spacing-lg)!important;margin-right:var(--spacing-md)!important}.extensions .title{padding:var(--spacing-md) var(--spacing-lg)!important;font-size:var(--font-size-base)!important;background-color:var(--color-bg-primary)!important;border-bottom:1px solid var(--color-border-primary)!important;margin:0!important}}.terminal .terminal-problems{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.terminal .terminal-problems-scrollable{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;font-family:var(--font-family-mono);padding:var(--spacing-md) var(--spacing-xl)}.terminal .terminal-problem-item{display:flex;align-items:center;padding:var(--spacing-sm) 0;font-size:var(--font-size-base);line-height:1.6;cursor:pointer}.terminal .terminal-problem-item:hover{background-color:var(--color-bg-secondary);padding-left:var(--spacing-sm);margin-left:calc(-1 * var(--spacing-sm));margin-right:calc(-1 * var(--spacing-sm));border-radius:2px}.terminal .terminal-problem-icon{margin-right:var(--spacing-md);font-size:var(--font-size-small);width:12px;text-align:center;flex-shrink:0}.terminal .terminal-problem-icon-error{color:var(--color-error)}.terminal .terminal-problem-icon-warning{color:var(--color-warning);font-size:var(--font-size-base)}.terminal .terminal-problem-icon-info{color:var(--color-info)}.terminal .terminal-problem-file{color:var(--color-text-primary);font-weight:500;margin-right:var(--spacing-md);flex-shrink:0}.terminal .terminal-problem-location{color:var(--color-text-secondary);margin-right:var(--spacing-md);font-size:11px;flex-shrink:0}.terminal .terminal-problem-message{color:var(--color-text-secondary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal .terminal-content-output{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.terminal .terminal-output{display:flex!important;flex-direction:column!important;height:100%!important;width:100%!important;padding:0!important;margin:0!important;overflow:hidden!important;min-height:0!important;position:relative}.terminal .terminal-output-selector{flex:0 0 auto!important;flex-shrink:0!important;flex-grow:0!important;padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-bg-secondary);margin:0;position:relative;width:100%;box-sizing:border-box;order:1}.terminal .terminal-output-selector select{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-primary);padding:var(--spacing-sm) var(--spacing-md);font-size:11px;border-radius:3px;cursor:pointer;width:200px}.terminal .terminal-output-scrollable{flex:1 1 0%!important;min-height:0!important;font-family:var(--font-family-mono);font-size:.875rem;line-height:1.2;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;padding:var(--spacing-md) var(--spacing-xl);padding-bottom:2.5rem!important;overflow-y:auto!important;overflow-x:hidden!important;position:relative;-webkit-overflow-scrolling:touch;background-color:var(--color-bg-accent);order:2;width:100%!important;max-width:100%!important;box-sizing:border-box;height:0;color:var(--color-text-primary);margin:0;margin-bottom:0!important;scroll-padding-bottom:calc(var(--spacing-xl) * 2);scroll-margin-bottom:calc(var(--spacing-xl) * 1.5);min-width:0!important}.terminal .terminal-output-line{display:none}.terminal .terminal-output-scrollable::-webkit-scrollbar{width:8px;height:8px}.terminal .terminal-output-scrollable::-webkit-scrollbar-track{background:var(--color-bg-secondary)}.terminal .terminal-output-scrollable::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:4px}.terminal .terminal-output-scrollable::-webkit-scrollbar-thumb:hover{background:#4a4a4a}body:has(#theme:checked) .terminal .terminal-output-scrollable::-webkit-scrollbar-thumb{background:#b0b0b0}body:has(#theme:checked) .terminal .terminal-output-scrollable::-webkit-scrollbar-thumb:hover{background:#909090}.terminal .output-placeholder{display:block;min-height:60px;padding:var(--spacing-md) 0}.terminal .output-placeholder-line{display:block;height:12px;background-color:var(--color-bg-secondary);border-radius:2px;margin-bottom:var(--spacing-sm);width:100%;max-width:100%;opacity:.3}.terminal .output-placeholder-line:first-child{width:85%}.terminal .output-placeholder-line:nth-child(2){width:70%}.terminal .output-placeholder-line:nth-child(3){width:90%}.terminal #outputContent:not(:empty) .output-placeholder{display:none}.terminal #outputContent{contain:layout style paint;text-overflow:ellipsis;min-width:0;will-change:scroll-position}.terminal #outputContent::after,.terminal #outputContent::before{content:'';display:table;clear:both}.terminal .terminal-debug{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.terminal .terminal-debug-scrollable{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md) var(--spacing-xl)}.terminal .terminal-debug-header{padding:var(--spacing-md) 0;color:var(--color-text-secondary);font-size:11px;border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-md);font-weight:600;flex-shrink:0}.terminal .terminal-debug-content{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.6}.terminal .terminal-debug-message{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:3px;margin-bottom:var(--spacing-xl)}.terminal .terminal-debug-message i{color:var(--color-border-accent);margin-top:var(--spacing-xs);flex-shrink:0}.terminal .terminal-debug-info{display:flex;flex-direction:column;gap:var(--spacing-md)}.terminal .terminal-debug-info-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;font-size:var(--font-size-base)}.terminal .terminal-debug-label{color:var(--color-text-secondary);min-width:100px}.terminal .terminal-debug-value{color:var(--color-text-primary)}.terminal .terminal-ports{display:flex;flex-direction:column;height:100%;overflow:hidden;padding:0}.terminal .terminal-ports-scrollable{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md) var(--spacing-xl)}.terminal .terminal-ports-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;color:var(--color-text-secondary);font-size:11px;border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--spacing-md);font-weight:600;flex-shrink:0}.terminal .terminal-ports-count{color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:400}.terminal .terminal-ports-content{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1}.terminal .terminal-port-item{display:flex;justify-content:space-between;align-items:center;padding:.6em;background-color:var(--color-bg-secondary);border-radius:3px;font-size:var(--font-size-base);transition:background-color var(--transition-fast)}.terminal .terminal-port-item:hover{background-color:var(--color-bg-primary)}.terminal .terminal-port-info{display:flex;align-items:center;gap:var(--spacing-xl);flex:1}.terminal .terminal-port-number{color:var(--color-border-accent);font-weight:600;min-width:50px;font-family:var(--font-family-mono)}.terminal .terminal-port-label{color:var(--color-text-primary);font-family:var(--font-family-mono)}.terminal .terminal-port-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.terminal .terminal-port-status{font-size:var(--font-size-small);text-transform:uppercase;padding:var(--spacing-xs) var(--spacing-md);border-radius:3px}.terminal .terminal-port-status-running{color:var(--color-success);background-color:rgba(137,209,133,.1)}.terminal .terminal-port-action-icon{color:var(--color-text-secondary);cursor:pointer;font-size:11px;opacity:.7}.terminal .terminal-port-action-icon:hover{opacity:1;color:var(--color-border-accent)}.terminal .terminal-ports-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border-primary);margin-top:var(--spacing-md);flex-shrink:0}.terminal .terminal-ports-hint{color:var(--color-text-secondary);font-size:var(--font-size-small);font-style:italic}.code-view,pre code{font-family:var(--font-family-mono);font-size:var(--font-size-base);line-height:1.8;color:var(--syntax-text);tab-size:2;-moz-tab-size:2}.token.tag{color:var(--syntax-tag)}.token.tag-name{color:var(--syntax-tag-name)}.token.attr-name{color:var(--syntax-attribute)}.token.attr-value{color:var(--syntax-value)}.token.text{color:var(--syntax-text)}.token.comment{color:var(--syntax-comment);font-style:italic}.token.punctuation{color:var(--syntax-delimiter)}.code-view .token.tag,.code-view .token.tag-name{color:var(--syntax-tag-name)}.code-view .token.attr-name{color:var(--syntax-attribute)}.code-view .token.attr-value{color:var(--syntax-value)}.code-view .token.text{color:var(--syntax-text)}.code-view .token.comment{color:var(--syntax-comment);font-style:italic}.code-view .token.punctuation{color:var(--syntax-delimiter)}.language-html .token.tag,.language-html .token.tag-name{color:var(--syntax-tag-name)}.language-html .token.attr-name{color:var(--syntax-attribute)}.language-html .token.attr-value{color:var(--syntax-value)}.language-html .token.text{color:var(--syntax-text)}.language-html .token.comment{color:var(--syntax-comment);font-style:italic}.language-html .token.punctuation{color:var(--syntax-delimiter)}code{color:var(--syntax-text);background:var(--color-bg-secondary);padding:.2em .4em;border-radius:3px;font-family:var(--font-family-mono);font-size:.9em}pre{background:var(--color-bg-secondary);padding:1rem;border-radius:4px;overflow-x:auto;border:1px solid var(--color-border-primary)}pre code{background:0 0;padding:0;border-radius:0;color:var(--syntax-text)}.code-view-container .code-view,.code-view-container code{background:var(--color-bg-secondary);padding:1rem;border-radius:4px;display:block;overflow-x:auto}