@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;overflow-x:hidden}body.dark-mode{background-color:#0f172a;color:#f1f5f9}code{background-color:#f1f5f9;border-radius:.25rem;color:#dc2626;font-family:JetBrains Mono,Fira Code,Monaco,Consolas,Courier New,monospace;font-size:.875em;padding:.125rem .25rem}body.dark-mode code{background-color:#1e293b;color:#f87171}button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #6366f1;outline-offset:2px}button{font-family:inherit}*{transition:background-color .3s ease,color .3s ease,border-color .3s ease}::selection{background-color:#6366f1;color:#fff}::-moz-selection{background-color:#6366f1;color:#fff}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1}::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.dark-mode ::-webkit-scrollbar-track{background:#1e293b}body.dark-mode ::-webkit-scrollbar-thumb{background:#475569}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#64748b}.menu-show-btn{border-radius:var(--radius-sm);font-size:18px;padding:8px;transition:background-color .2s ease}.header-btn{align-items:center;background:var(--primary-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-left:8px;padding:8px 16px;transition:all .2s ease}.header-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.header-btn:active{transform:translateY(0)}.header-btn:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed;transform:none}.upload-btn{background:var(--accent-color)}.upload-btn:hover{background:var(--accent-hover)}.load-btn{background:var(--success-color)}.load-btn:hover{background:var(--success-hover)}.save-btn{background:var(--warning-color)}.save-btn:hover{background:var(--warning-hover)}.tabs-container{background:#2d2d30;border-bottom:1px solid #3e3e42;min-height:36px}.tabs-list{scrollbar-color:#424242 #2d2d30;scrollbar-width:thin}.tabs-list::-webkit-scrollbar{height:6px}.tabs-list::-webkit-scrollbar-track{background:#2d2d30}.tabs-list::-webkit-scrollbar-thumb{background:#424242;border-radius:3px}.tab-item{background:#2d2d30;padding:8px 12px;transition:background-color .2s ease}.tab-item:hover{background:#37373d}.tab-item.dirty:after{color:#f0f0f0;font-size:12px;margin-left:4px}.tab-icon{margin-right:6px}.tab-name{color:#ccc;font-size:13px}.tab-close{color:#ccc;line-height:1;margin-left:6px;opacity:0;padding:2px 4px;transition:opacity .2s ease,background-color .2s ease}.tab-close:hover{background:#e74c3c;color:#fff}.format-toolbar{background:#2d2d30;gap:4px;min-height:36px;padding:6px 8px}.toolbar-group{align-items:center;display:flex;gap:2px}.toolbar-separator{background:#3e3e42;height:20px;margin:0 8px;width:1px}.toolbar-btn{align-items:center;background:#3c3c3c;border:1px solid #5a5a5a;border-radius:3px;color:#f0f0f0;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:4px 8px;transition:all .2s ease}.toolbar-btn:hover{background:#4a4a4a;border-color:#6a6a6a}.toolbar-btn:active{background:#2a2a2a;transform:translateY(1px)}.toolbar-btn em,.toolbar-btn s,.toolbar-btn strong,.toolbar-btn u{color:inherit;font-style:inherit;text-decoration:inherit}.toolbar-btn em{font-style:italic}.toolbar-btn u{text-decoration:underline}.toolbar-btn s{text-decoration:line-through}.editor-pane{border-right:1px solid #333}.editor-container,.editor-pane{overflow:visible!important;position:relative!important}.editor-container{flex-direction:column;min-height:0}.editor-container .monaco-editor{flex:1 1}.editor-container .monaco-editor .token.tag,.editor-container .monaco-editor .token.tag.tag-name{color:#569cd6!important}.editor-container .monaco-editor .token.tag.attribute{color:#9cdcfe!important}.editor-container .monaco-editor .token.tag.attribute.value{color:#ce9178!important}.editor-container .monaco-editor .token.property{color:#9cdcfe!important}.editor-container .monaco-editor .token.property.value{color:#ce9178!important}.editor-container .monaco-editor .token.keyword{color:#c586c0!important}.editor-container .monaco-editor .token.string{color:#ce9178!important}.editor-container .monaco-editor .token.comment{color:#6a9955!important}.editor-container .monaco-editor:focus-within{outline:2px solid #007acc;outline-offset:-2px}.editor-container .monaco-editor .scrollbar .slider{background:#424242!important}.editor-container .monaco-editor .scrollbar .slider:hover{background:#4f4f4f!important}.editor-container .monaco-editor .scrollbar .slider.active{background:#007acc!important}.editor-container .monaco-editor .suggest-widget{background:#252526!important;border:1px solid #454545!important;border-radius:4px!important;bottom:auto!important;box-shadow:0 4px 12px #0000004d!important;left:auto!important;max-height:300px!important;overflow:visible!important;position:fixed!important;right:auto!important;top:auto!important;z-index:99999!important}.editor-container .monaco-editor{overflow:visible!important;position:relative!important}.editor-container .monaco-editor .margin,.editor-container .monaco-editor .monaco-editor-background,.editor-container .monaco-editor .monaco-scrollable-element{overflow:visible!important}.editor-container .monaco-editor .suggest-widget .monaco-list{max-height:300px!important;overflow-y:auto!important}.editor-container .monaco-editor .suggest-widget .monaco-list .monaco-list-row{color:#d4d4d4!important;height:auto!important;min-height:20px!important;padding:4px 8px!important}.editor-container .monaco-editor .suggest-widget .monaco-list .monaco-list-row:hover{background:#094771!important}.editor-container .monaco-editor .suggest-widget .monaco-list .monaco-list-row.selected{background:#094771!important;color:#fff!important}.editor-container .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label{color:#d4d4d4!important}.editor-container .monaco-editor .suggest-widget .monaco-list .monaco-list-row .monaco-icon-label .monaco-icon-label-description-container{color:#858585!important}.editor-container .monaco-editor .suggest-widget .monaco-list .monaco-list-row[data-kind=property]{color:#9cdcfe!important}.editor-container .monaco-editor .suggest-widget .monaco-list .monaco-list-row[data-kind=value]{color:#ce9178!important}.editor-container .monaco-editor .suggest-widget .monaco-list .monaco-list-row[data-kind=keyword]{color:#c586c0!important}.editor-container .monaco-editor .hover{background:#252526!important;border:1px solid #454545!important;border-radius:4px!important;box-shadow:0 4px 12px #0000004d!important;z-index:1001!important}.editor-container .monaco-editor .hover .hover-contents{color:#d4d4d4!important;padding:8px!important}.editor-container .monaco-editor .parameter-hints-widget{background:#252526!important;border:1px solid #454545!important;border-radius:4px!important;box-shadow:0 4px 12px #0000004d!important;z-index:1002!important}.editor-container .monaco-editor .parameter-hints-widget .wrapper{color:#d4d4d4!important;padding:8px!important}.preview-pane{background:#1e1e1e;border-left:1px solid #333}.preview-header{background:#2d2d30;border-bottom:1px solid #3e3e42;flex-shrink:0;padding:12px 16px}.preview-header h3{color:#ccc;font-size:14px;font-weight:500;gap:8px}.preview-header h3 span{font-size:16px}.preview-header input,.preview-header select{background:#3c3c3c;border:1px solid #5a5a5a;color:#ccc}.preview-header input:focus,.preview-header select:focus{border-color:#007acc;outline:none}.preview-header input[type=number]{text-align:center}.vscode-sidebar{background:#1e1e1e;border-right:1px solid #333;transform:translateX(0);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.vscode-sidebar.hidden{transform:translateX(-100%)}.vscode-sidebar-tabs{background:#252526;border-right:1px solid #333;flex-direction:column;padding:8px 0;width:48px}.vscode-tab{margin-bottom:2px}.vscode-tab:hover{background:#2a2d2e;color:#fff}.vscode-tab.active{background:#007acc;color:#fff}.vscode-sidebar-content{background:#1e1e1e}.explorer-panel{display:flex;flex-direction:column;height:100%}.panel-header{background:#2d2d30;min-height:48px}.panel-header h3{color:#ccc;font-weight:500}.panel-actions{gap:4px}.panel-action-btn{border-radius:3px;color:#ccc;padding:4px;transition:background .2s ease}.panel-action-btn:hover{background:#3e3e42}.explorer-content{overflow:hidden}.explorer-content,.file-explorer{display:flex;flex-direction:column}.file-explorer{height:100%}.explorer-section{border-bottom:1px solid #3e3e42;display:flex;flex:1 1;flex-direction:column}.section-header{background:#252526;color:#ccc;font-size:12px;font-weight:500;gap:8px;padding:8px 16px}.section-content{flex:1 1;overflow:auto}.empty-state{height:200px}.empty-text{font-size:14px;margin-bottom:16px}.upload-btn{border-radius:4px;font-size:12px;padding:8px 16px;transition:background .2s ease}.file-tree-empty{color:#858585;font-style:italic;padding:20px;text-align:center}.search-panel{display:flex;flex-direction:column;height:100%}.search-content{gap:16px;padding:16px}.search-input-container{gap:8px}.search-input{background:#2d2d30;border:1px solid #3e3e42;color:#ccc;font-size:13px;padding:8px 12px}.search-input:focus{border-color:#007acc;outline:none}.search-btn{font-size:13px;padding:8px 12px}.search-options{gap:8px}.search-option{color:#ccc;font-size:12px;gap:8px}.search-option input[type=checkbox]{margin:0}.search-results{overflow:auto}.search-results-list{gap:8px}.search-result-file{border:1px solid #3e3e42}.result-file-header{color:#ccc;font-size:12px;font-weight:500;padding:8px 12px}.search-result-item{border-top:1px solid #3e3e42;color:#ccc;font-size:11px;gap:8px;padding:4px 12px;transition:background .2s ease}.search-result-item:hover{background:#2a2d2e}.result-line-number{min-width:30px}.no-results,.search-placeholder{color:#858585;font-size:12px;padding:20px;text-align:center}.run-panel{display:flex;flex-direction:column;height:100%}.run-content{padding:16px}.run-configurations{gap:8px}.configuration-item{background:#2d2d30;border:1px solid #3e3e42;color:#ccc;font-size:13px;gap:12px;padding:12px}.configuration-item:hover:not([disabled]){background:#3e3e42;border-color:#4a4a4a}.configuration-item[disabled]{cursor:not-allowed;opacity:.5}.config-icon{min-width:16px}.config-name{flex:1 1}.extensions-panel{display:flex;flex-direction:column;height:100%}.extensions-content{padding:16px}.extension-item{background:#2d2d30;border:1px solid #3e3e42;color:#ccc;font-size:13px;gap:12px;margin-bottom:8px;padding:12px}.extension-item:hover{background:#3e3e42;border-color:#4a4a4a}.extension-icon{font-size:14px;min-width:16px}.extension-name{flex:1 1}.menu-sidebar{border-left:1px solid #333;height:100vh;right:0;top:0;transition:width .3s ease;width:300px;z-index:200}.menu-sidebar-header{background:#2d2d30;border-bottom:1px solid #3e3e42;min-height:48px;padding:12px 16px}.menu-title{color:#ccc;font-size:14px;font-weight:500;overflow:hidden;white-space:nowrap}.menu-sidebar.collapsed .menu-title{display:none}.menu-close-btn,.menu-toggle-btn{border-radius:3px;color:#ccc;font-size:12px;height:24px;min-width:24px;padding:4px;transition:background .2s ease}.menu-close-btn:hover,.menu-toggle-btn:hover{background:#3e3e42}.menu-content{padding:16px}.menu-section{margin-bottom:24px}.menu-section-title{font-size:11px;margin:0 0 12px;overflow:hidden;padding:0 8px;white-space:nowrap}.menu-btn{border-radius:4px;color:#ccc;font-size:13px;gap:12px;margin-bottom:4px;min-height:36px;padding:10px 8px}.menu-btn:hover:not(:disabled){background:#2a2d2e;color:#fff}.menu-icon{font-size:14px;min-width:16px}.menu-sidebar.collapsed .menu-btn{padding:10px 4px}@media (max-width:768px){.menu-sidebar{right:-100%;transition:right .3s ease;width:100%}.menu-sidebar.collapsed{width:100%}}.accordion-sidebar{background:#1e1e1e;border-right:1px solid #333}.accordion-section{display:flex;flex:1 1;flex-direction:column;min-height:0}.accordion-header{background:#2d2d30;border-bottom:1px solid #3e3e42;gap:8px;transition:background .2s ease}.accordion-header:hover{background:#3e3e42}.accordion-icon{color:#007acc;font-size:14px;min-width:16px}.accordion-title{color:#ccc;font-size:13px}.accordion-count{color:#858585;font-size:11px}.accordion-content{overflow:auto}.folder-item{padding:4px 0;transition:background .2s ease}.folder-item:hover{background:#2a2d2e}.folder-indent{color:#ccc;font-size:13px;gap:8px;padding:6px 16px}.folder-icon{color:#007acc;font-size:12px;min-width:16px}.folder-empty{color:#858585}.empty-message{font-size:12px;line-height:1.5}.empty-message small{color:#666;display:block;font-size:11px;margin-top:8px}.sidebar-resizer{cursor:ew-resize;right:-2px;transition:background .2s ease;width:4px;z-index:10}.sidebar-resizer.dragging,.sidebar-resizer:hover{background:#007acc}.accordion-content::-webkit-scrollbar{width:6px}.accordion-content::-webkit-scrollbar-track{background:#1e1e1e}.accordion-content::-webkit-scrollbar-thumb{background:#3e3e42;border-radius:3px}.accordion-content::-webkit-scrollbar-thumb:hover{background:#4a4a4a}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#007acc;--success:#28a745;--success-hover:#1e7e34;--warning:#ffc107;--danger:#dc3545;--surface-primary:#1e1e1e;--surface-secondary:#252526;--surface-hover:#2d2d30;--surface-tertiary:#3e3e42;--border:#3e3e42;--border-hover:#4e4e52;--text-primary:#d4d4d4;--text-secondary:#858585;--text-muted:#6c757d;--bg-color:#1e1e1e;--surface-color:#252526;--primary-color:#007acc;--primary-hover:#005a9e;--accent-color:#569cd6;--accent-hover:#4a8bc2;--success-color:#4ec9b0;--success-hover:#42b496;--warning-color:#dcdcaa;--warning-hover:#c8c896;--surface-disabled:#3e3e42;--text-disabled:#6c757d;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #00000026;--shadow-lg:0 10px 15px #0003;--preview-bg:#fff;--preview-text:#1a1a1a;--preview-border:#e1e5e9;--preview-shadow:0 2px 8px #0000001a;--editor-bg:#1e1e1e;--editor-line:#2d2d30;--editor-selection:#264f78;--editor-cursor:#fff;--editor-syntax-keyword:#569cd6;--editor-syntax-string:#ce9178;--editor-syntax-comment:#6a9955;--editor-syntax-number:#b5cea8;--editor-syntax-function:#dcdcaa}body.dark-mode{--bg-color:#0f172a;--surface-color:#1e293b;--border-color:#334155;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#64748b}.App{background:#1e1e1e;background:var(--bg-color);color:var(--text-color);display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100vh;overflow:visible;position:relative}header{background:#252526;background:var(--surface-color);border-bottom:1px solid var(--border-color);height:80px;justify-content:space-between;padding:0 1rem}.header-left,header{align-items:center;display:flex;flex-shrink:0}.header-center{flex:1 1;justify-content:center}.header-center,.header-right{align-items:center;display:flex}.header-right{flex-shrink:0}.header-title{color:#d4d4d4;color:var(--text-primary);flex-shrink:0;font-size:1.5rem;font-weight:600;margin:0}.header-controls{align-items:center;display:flex;flex:1 1;gap:1rem;justify-content:center;overflow-x:auto;padding:0 1rem}.tabs-container{background:#252526;background:var(--surface-secondary);border-bottom:1px solid var(--border-color);flex-shrink:0;height:40px;overflow:hidden}.tabs-list{height:100%;overflow-x:auto}.tab-item,.tabs-list{align-items:center;display:flex}.tab-item{background:#252526;background:var(--surface-secondary);border-right:1px solid #3e3e42;border-right:1px solid var(--border);cursor:pointer;gap:8px;max-width:200px;min-width:120px;padding:8px 16px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.tab-item:hover{background:#2d2d30;background:var(--surface-hover)}.tab-item.active{background:#1e1e1e;background:var(--surface-primary);border-bottom:2px solid #007acc;border-bottom:2px solid var(--primary)}.tab-item.dirty:after{color:#ffc107;color:var(--warning);content:"●";font-size:10px;position:absolute;right:24px;top:4px}.tab-icon{flex-shrink:0;font-size:14px}.tab-name{color:#d4d4d4;color:var(--text-primary);flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-close{align-items:center;background:none;border:none;border-radius:2px;color:#6c757d;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;justify-content:center;padding:2px;transition:all .2s ease}.tab-close:hover{background:#2d2d30;background:var(--surface-hover);color:#d4d4d4;color:var(--text-primary)}.tab-item:hover .tab-close{opacity:1}.tab-item:not(:hover) .tab-close{opacity:.5}.tab-button,.tab-group{display:none}.action-buttons{flex-wrap:wrap;justify-content:center}.action-buttons,.btn{align-items:center;display:flex;gap:.5rem}.btn{background:#252526;background:var(--surface-color);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);color:#d4d4d4;color:var(--text-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn:hover:not(:disabled){background:var(--border-color);box-shadow:0 4px 6px #00000026;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:#007acc;background:var(--primary-color);border-color:#007acc;border-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:#005a9e;background:var(--primary-hover);border-color:#005a9e;border-color:var(--primary-hover)}.btn-success{background:#4ec9b0;background:var(--success-color);border-color:#4ec9b0;border-color:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background:#059669;border-color:#059669}.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706}.btn-info{background:#06b6d4;border-color:#06b6d4;color:#fff}.btn-info:hover:not(:disabled){background:#0891b2;border-color:#0891b2}.btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.tag-section{background:#252526;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);gap:.5rem;height:40px;overflow:hidden;padding:.5rem}.tag-label,.tag-section{align-items:center;display:flex;flex-shrink:0}.tag-label{color:#858585;color:var(--text-secondary);font-size:.75rem;font-weight:500;height:100%}.tag-buttons{flex-wrap:wrap;gap:.25rem;height:100%;overflow-x:auto}.tag-btn,.tag-buttons{align-items:center;display:flex}.tag-btn{background:#1e1e1e;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);color:#d4d4d4;color:var(--text-primary);cursor:pointer;flex-shrink:0;font-size:.75rem;height:24px;justify-content:center;padding:.25rem .5rem;transition:all .2s ease}.tag-btn:hover{background:#007acc;background:var(--primary-color);border-color:#007acc;border-color:var(--primary-color);color:#fff}.editor-container{flex-direction:row;position:relative;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.editor-container.sidebar-hidden{margin-left:0}.editor-pane{background:#1e1e1e;background:var(--editor-bg);border-right:1px solid var(--border-color);box-shadow:2px 0 8px #0000001a}.editor-pane,.preview-pane{display:flex;flex:1 1;flex-direction:column;height:100%;min-width:300px;overflow:hidden;position:relative}.preview-pane{background:#fff;background:var(--preview-bg);border-left:1px solid #e1e5e9;border-left:1px solid var(--preview-border);box-shadow:0 2px 8px #0000001a;box-shadow:var(--preview-shadow)}.preview-header{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e1e5e9;border-bottom:1px solid var(--preview-border);box-shadow:0 2px 4px #0000001a;justify-content:space-between;min-height:48px;padding:.75rem 1rem}.preview-header,.preview-header h3{align-items:center;color:#fff;display:flex;font-size:.875rem;font-weight:600}.preview-header h3{gap:.5rem;margin:0;text-shadow:0 1px 2px #0003}.preview-actions{align-items:center;display:flex;gap:.25rem}.preview-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;min-width:28px;padding:4px 6px}.preview-action-btn:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 2px 8px #0003;color:#fff;transform:translateY(-1px)}.preview-action-btn:active{transform:scale(.95)}.preview-iframe{background:#fff;background:var(--preview-bg);border:none;border-radius:0 0 8px 8px;box-shadow:inset 0 0 0 1px #e1e5e9;box-shadow:inset 0 0 0 1px var(--preview-border);flex:1 1;height:calc(100% - 48px);overflow:hidden;width:100%}body.dark-mode .preview-iframe{background:#1e1e1e}.preview-iframe{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:opacity .3s ease}.preview-iframe.updating{opacity:.7;transform:scale(.98);transition:all .2s ease}.preview-iframe.updated{opacity:1;transform:scale(1);transition:all .3s ease}.preview-loading-indicator{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;left:50%;padding:12px 20px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:10}.preview-loading-indicator:before{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:16px;width:16px}.preview-loading{align-items:center;color:#6c757d;color:var(--text-muted);display:flex;font-size:.875rem;height:100%;justify-content:center}.preview-loading:before{animation:spin 1s linear infinite;border-top:2px solid #007acc;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);content:"";height:16px;margin-right:.5rem;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.loading{animation:spin 1s linear infinite}@media (max-width:1200px){.file-tree-pane,.toc-pane{width:240px}}@media (max-width:768px){.header-controls{align-items:stretch;flex-direction:column}.action-buttons{justify-content:center;margin-left:0}.editor-container{flex-direction:column}.file-tree-pane,.toc-pane{height:200px;width:100%}.editor-pane,.file-tree-pane,.toc-pane{border-bottom:1px solid var(--border-color);border-right:none}.resizer{cursor:row-resize;height:4px;width:100%}.resizer:before{height:2px;width:20px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.App{animation:fadeIn .3s ease-out}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb:hover{background:#6c757d;background:var(--text-muted)}.file-tree-scroll::-webkit-scrollbar{width:6px}.file-tree-scroll::-webkit-scrollbar-track{background:#0000}.file-tree-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.file-tree-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}body.dark-mode .file-tree-scroll::-webkit-scrollbar-thumb{background:#475569}body.dark-mode .file-tree-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.file-tree-pane,.toc-pane{display:none}.folder-list{max-height:300px;overflow-y:auto;padding:8px 0}.folder-item{align-items:center;color:#858585;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;padding:6px 16px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.folder-item:hover{background:#2d2d30;background:var(--surface-hover);color:#d4d4d4;color:var(--text-primary)}.folder-indent{align-items:center;display:flex;flex:1 1;gap:6px}.folder-icon{flex-shrink:0;font-size:14px}.folder-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-children{margin-left:8px}.folder-empty{padding:20px 16px;text-align:center}.file-tree,.file-tree-empty,.toc-item,.toc-level,.toc-list,.toc-text{display:none}.accordion-sidebar{background:#252526;background:var(--surface-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow:hidden;position:relative;width:250px}.sidebar-resizer{background:#0000;cursor:col-resize;height:100%;position:absolute;right:-3px;top:0;transition:background-color .2s ease;width:6px;z-index:20}.sidebar-resizer.dragging,.sidebar-resizer:hover{background:#007acc;background:var(--primary-color);right:-4px;width:8px}.sidebar-resizer:before{background:#6c757d;background:var(--text-muted);border-radius:1px;content:"";height:30px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:2px}.sidebar-resizer.dragging:before,.sidebar-resizer:hover:before{background:#fff;height:40px}.accordion-section{border-bottom:1px solid #3e3e42;border-bottom:1px solid var(--border);flex-shrink:0}.accordion-header{align-items:center;background:#252526;background:var(--surface-secondary);cursor:pointer;display:flex;flex-shrink:0;padding:12px 16px;transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.accordion-header:hover{background:#2d2d30;background:var(--surface-hover)}.accordion-icon{margin-right:8px;transition:transform .2s ease}.accordion-title{color:#d4d4d4;color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.accordion-count{background:#3e3e42;background:var(--surface-tertiary);border-radius:10px;color:#6c757d;color:var(--text-muted);font-size:12px;min-width:20px;padding:2px 6px;text-align:center}.accordion-content{border-top:1px solid var(--border-color);flex:1 1;max-height:200px;overflow-y:auto}.accordion-content,.panel{background:#1e1e1e;background:var(--surface-primary)}.panel{animation:slideIn .3s ease-out;border:1px solid #3e3e42;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-md);box-shadow:0 10px 15px #0003;box-shadow:var(--shadow-lg);max-height:calc(100vh - 120px);overflow:hidden;position:fixed;right:20px;top:90px;width:350px;z-index:1000}.panel-header{background:#252526;background:var(--surface-secondary);border-bottom:1px solid #3e3e42;border-bottom:1px solid var(--border);padding:12px 16px}.panel-header h3{font-size:14px}.panel-close{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#6c757d;color:var(--text-muted);cursor:pointer;font-size:18px;padding:2px 6px;transition:all .2s ease}.panel-close:hover{background:#2d2d30;background:var(--surface-hover);color:#d4d4d4;color:var(--text-primary)}.panel-content{max-height:calc(100vh - 200px);overflow-y:auto;padding:16px}.auto-check-panel{right:20px;top:80px}.no-results{color:#6c757d;color:var(--text-muted);padding:20px;text-align:center}.no-results p{font-size:12px;margin:8px 0}.settings-panel{right:20px;top:80px}.setting-item{background:#252526;background:var(--surface-secondary);border:1px solid #3e3e42;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.setting-item label{align-items:center;color:#d4d4d4;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:8px}.setting-item input[type=checkbox]{accent-color:#007acc;accent-color:var(--primary-color);height:16px;width:16px}.setting-item select{background:#1e1e1e;background:var(--surface-primary);border:1px solid #3e3e42;border:1px solid var(--border);border-radius:4px;border-radius:var(--radius-sm);color:#d4d4d4;color:var(--text-primary);font-size:12px;margin-top:8px;padding:6px 8px}.help-panel{right:20px;top:80px}.help-section{border-bottom:1px solid #3e3e42;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.help-section:last-child{border-bottom:none;margin-bottom:0}.help-section h4{color:#d4d4d4;color:var(--text-primary);font-size:13px;font-weight:600;margin:0 0 8px}.help-section p{color:#858585;color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.panel-overlay{background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.menu-sidebar{background:#1e1e1e;background:var(--surface-primary);border-right:1px solid var(--border-color);box-shadow:0 10px 15px #0003;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:calc(100vh - 80px);left:0;overflow:hidden;position:fixed;top:80px;transition:all .3s ease;width:250px;z-index:1000}.menu-sidebar.collapsed{width:60px}.menu-sidebar-header{align-items:center;background:#252526;background:var(--surface-secondary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;height:60px;justify-content:space-between;padding:1rem}.menu-title{color:#d4d4d4;color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0}.menu-close-btn,.menu-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#858585;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;padding:.5rem;transition:all .2s ease;width:32px}.menu-close-btn:hover,.menu-toggle-btn:hover{background:#2d2d30;background:var(--surface-hover);color:#d4d4d4;color:var(--text-primary)}.menu-content{flex:1 1;overflow-y:auto;padding:1rem 0}.menu-section{margin-bottom:1.5rem}.menu-section-title{color:#858585;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 .5rem 1rem;padding:.5rem 0;text-transform:uppercase}.menu-btn{align-items:center;background:none;border:none;border-radius:0;color:#d4d4d4;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.menu-btn:hover{background:#2d2d30;background:var(--surface-hover)}.menu-btn.active{background:#007acc;background:var(--primary-color);color:#fff}.menu-btn:disabled{cursor:not-allowed;opacity:.5}.menu-btn:disabled:hover{background:none}.menu-icon{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.menu-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-sidebar.collapsed .menu-section-title,.menu-sidebar.collapsed .menu-text{display:none}.menu-sidebar.collapsed .menu-btn{justify-content:center;padding:.75rem}.menu-sidebar.collapsed .menu-icon{width:auto}.menu-show-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:var(--radius-md);color:#d4d4d4;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:.5rem;transition:all .2s ease;width:40px}.menu-show-btn:hover{background:#2d2d30;background:var(--surface-hover);color:#007acc;color:var(--primary-color)}.editor-container{flex:1 1;margin-left:0;overflow:hidden;transition:all .3s ease}.editor-container,.vscode-sidebar{display:flex;height:calc(100vh - 80px)}.vscode-sidebar{background:#252526;background:var(--surface-secondary);border-right:1px solid var(--border-color);left:0;position:fixed;top:80px;width:250px;z-index:1000}.vscode-sidebar-tabs{background:#1e1e1e;background:var(--surface-primary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0}.vscode-tab{background:none;color:#858585;color:var(--text-secondary);font-size:1.5rem;position:relative}.vscode-tab.active,.vscode-tab:hover{color:#d4d4d4;color:var(--text-primary)}.vscode-tab.active:before{background:#007acc;background:var(--primary-color);bottom:0;content:"";left:0;position:absolute;top:0;width:2px}.vscode-sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.panel-header{align-items:center;background:#1e1e1e;background:var(--surface-primary);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:.75rem 1rem}.panel-header h3{color:#d4d4d4;color:var(--text-primary);font-size:.875rem;font-weight:600;margin:0}.panel-actions{display:flex;gap:.25rem}.panel-action-btn{background:none;border-radius:var(--radius-sm);color:#858585;color:var(--text-secondary);font-size:.875rem;padding:.25rem}.panel-action-btn:hover{color:#d4d4d4;color:var(--text-primary)}.explorer-content{flex:1 1;overflow-y:auto;padding:.5rem 0}.explorer-section{margin-bottom:1rem}.section-header{align-items:center;background:#2d2d30;background:var(--surface-hover);color:#858585;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:600;gap:.5rem;letter-spacing:.5px;padding:.5rem 1rem;text-transform:uppercase}.section-icon{font-size:1.2rem}.section-content{overflow-x:hidden;padding:.25rem 0}.file-tree{font-size:.875rem;max-height:250px;overflow-x:hidden;overflow-y:auto}.file-item,.file-node{cursor:pointer}.file-item{align-items:center;display:flex;gap:.5rem;padding:.25rem 1rem;transition:all .2s ease}.file-item:hover{background:#2d2d30;background:var(--surface-hover)}.file-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:20px}.file-name{color:#d4d4d4;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-path{color:#858585!important;color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1.2;opacity:.7;white-space:normal;word-break:break-all}.file-children{margin-left:0}.toc-tree{font-size:.875rem;max-height:250px;overflow-x:hidden;overflow-y:auto}.toc-item,.toc-node{cursor:pointer}.toc-item{align-items:center;display:flex;gap:.5rem;padding:.25rem 1rem;transition:all .2s ease}.toc-item:hover{background:#2d2d30;background:var(--surface-hover)}.toc-icon{flex-shrink:0;font-size:1.2rem;text-align:center;width:20px}.toc-title{color:#d4d4d4;color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;gap:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toc-href{color:#858585!important;color:var(--text-secondary)!important;font-size:.75rem!important;line-height:1.2;opacity:.7;white-space:normal;word-break:break-all}.toc-children{margin-left:0}.toc-tree-empty{color:#858585;color:var(--text-secondary);font-size:.875rem;font-style:italic;padding:1rem;text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem 1rem}.empty-icon{font-size:3rem;margin-bottom:1rem}.empty-text{color:#858585;color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.upload-btn{background:#007acc;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;margin-right:10px;padding:.5rem 1rem;transition:all .2s ease}.upload-btn:hover{background:#005a9e;background:var(--primary-hover)}.save-btn{background:#007acc;background:var(--primary-color);border:none;border-radius:6px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.save-btn:hover{background:#005a9e;background:var(--primary-hover)}.search-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1rem}.search-input-container{display:flex;gap:.5rem}.search-input{background:#1e1e1e;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:4px;color:#d4d4d4;color:var(--text-primary);flex:1 1}.search-btn,.search-input{border-radius:var(--radius-sm);font-size:.875rem;padding:.5rem}.search-options{display:flex;flex-direction:column;gap:.5rem}.search-option{color:#858585;color:var(--text-secondary);cursor:pointer;font-size:.75rem;gap:.5rem}.search-option,.search-results{align-items:center;display:flex}.search-results{flex:1 1;justify-content:center}.no-results{color:#858585;color:var(--text-secondary);font-size:.875rem}.source-control-content{flex:1 1;padding:1rem}.scm-provider{display:flex;flex-direction:column;gap:.5rem}.provider-header{align-items:center;color:#d4d4d4;color:var(--text-primary);display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.provider-icon{font-size:1rem}.changes{margin-left:1.5rem}.change-item{align-items:center;color:#858585;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.5rem;padding:.25rem 0}.change-icon{font-size:1rem}.run-content{flex:1 1;padding:1rem}.run-configurations{display:flex;flex-direction:column;gap:.5rem}.configuration-item{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#d4d4d4;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem;transition:all .2s ease}.configuration-item:hover{background:#2d2d30;background:var(--surface-hover)}.config-icon{font-size:1rem}.extensions-content{flex:1 1;padding:1rem}.extension-item{align-items:center;border-radius:4px;border-radius:var(--radius-sm);color:#d4d4d4;color:var(--text-primary);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem;transition:all .2s ease}.extension-item:hover{background:#2d2d30;background:var(--surface-hover)}.extension-icon{font-size:1rem}.search-results-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.search-result-file{border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);overflow:hidden}.result-file-header{align-items:center;background:#2d2d30;background:var(--surface-hover);color:#d4d4d4;color:var(--text-primary);display:flex;font-size:.75rem;font-weight:600;justify-content:space-between;padding:.5rem}.result-file-name{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-file-count{color:#858585;color:var(--text-secondary);font-size:.75rem}.search-result-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;padding:.25rem .5rem;transition:all .2s ease}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#2d2d30;background:var(--surface-hover)}.result-line-number{background:#252526;background:var(--surface-secondary);border-radius:4px;border-radius:var(--radius-sm);color:#858585;color:var(--text-secondary);flex-shrink:0;font-size:.625rem;min-width:2rem;padding:.125rem .25rem;text-align:center}.result-line-text{color:#d4d4d4;color:var(--text-primary);flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-placeholder{color:#858585;color:var(--text-secondary);font-size:.875rem;padding:1rem;text-align:center}.resizer{align-items:center;background:linear-gradient(90deg,#0000,#007acc0d 50%,#0000);border-radius:6px;cursor:col-resize;display:flex;flex-shrink:0;justify-content:center;margin:0 -2px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:12px;z-index:50}.resizer:hover{background:linear-gradient(90deg,#0000,#007acc26 50%,#0000);box-shadow:0 0 20px #007acc33;transform:scaleX(1.5)}.resizer.dragging{background:linear-gradient(90deg,#0000,#007acc40 50%,#0000);box-shadow:0 0 30px #007acc66;transform:scaleX(2)}.resizer:before{background:linear-gradient(180deg,var(--border-color) 0,#007acc 50%,var(--border-color) 100%);background:linear-gradient(180deg,var(--border-color) 0,var(--primary-color) 50%,var(--border-color) 100%);border-radius:2px;box-shadow:0 2px 4px #0000001a;content:"";height:40px;opacity:.7;transition:all .3s cubic-bezier(.4,0,.2,1);width:3px}.resizer:hover:before{box-shadow:0 0 12px #007acc80;height:60px;width:4px}.resizer.dragging:before,.resizer:hover:before{background:linear-gradient(180deg,#007acc,#4a9eff 50%,#007acc);background:linear-gradient(180deg,var(--primary-color) 0,#4a9eff 50%,var(--primary-color) 100%);opacity:1;transform:translateZ(0)}.resizer.dragging:before{box-shadow:0 0 20px #007acccc;height:80px;width:5px}.resizer:after{border-radius:8px;bottom:-4px;content:"";cursor:col-resize;left:-12px;position:absolute;right:-12px;top:-4px}body.resizing{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.resizing *{pointer-events:none!important}body.resizing .resizer{pointer-events:auto!important}.editor-pane,.preview-pane{transition:width .1s ease-out}body.resizing .editor-pane,body.resizing .preview-pane{transition:none}@media (max-width:1024px){.vscode-sidebar{width:220px}.editor-container{margin-left:0!important}.editor-pane,.preview-pane{min-width:250px}}@media (max-width:768px){.vscode-sidebar{box-shadow:2px 0 10px #0000004d;width:100%;z-index:1000}.editor-container{margin-left:0!important}.editor-pane,.preview-pane{min-width:200px}.resizer{width:12px}header{height:60px}.header-title{font-size:1.25rem}}@media (max-width:480px){.vscode-sidebar{width:100vw}.preview-pane,.resizer{display:none}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#252526;background:var(--surface-secondary);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#4e4e52;background:var(--border-hover)}*{scrollbar-color:var(--border-color) #252526;scrollbar-color:var(--border-color) var(--surface-secondary);scrollbar-width:thin}.check-results-panel{background:#252526;background:var(--surface-secondary);border-top:1px solid #3e3e42;border-top:1px solid var(--border);bottom:0;box-shadow:0 -2px 8px #0003;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:100}.check-results-header{align-items:center;background:#3e3e42;background:var(--surface-tertiary);border-bottom:1px solid #3e3e42;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px}.check-results-header h4{color:#d4d4d4;color:var(--text-primary);font-size:12px;font-weight:500;margin:0}.check-results-close{background:none;border:none;border-radius:3px;color:#6c757d;color:var(--text-muted);cursor:pointer;font-size:16px;padding:2px 6px;transition:all .2s ease}.check-results-close:hover{background:#2d2d30;background:var(--surface-hover);color:#d4d4d4;color:var(--text-primary)}.check-results-list{padding:8px 0}.check-result-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;font-size:12px;padding:6px 12px;transition:all .2s ease}.check-result-item:hover{background:#2d2d30;background:var(--surface-hover)}.check-result-item.error{background:#dc35451a;border-left-color:#dc3545}.check-result-item.warning{background:#ffc1071a;border-left-color:#ffc107}.check-result-icon{flex-shrink:0;font-size:14px;margin-right:8px}.check-result-message{color:#d4d4d4;color:var(--text-primary);flex:1 1;line-height:1.4}.check-result-line{background:#3e3e42;background:var(--surface-tertiary);border-radius:3px;color:#6c757d;color:var(--text-muted);flex-shrink:0;font-size:11px;margin-left:8px;padding:2px 6px}.accordion-icon,.change-icon,.config-icon,.extension-icon,.file-icon,.folder-icon,.menu-icon,.panel-action-btn,.preview-action-btn,.provider-icon,.search-btn,.section-icon,.tab-icon,.toc-icon,.vscode-tab{align-items:center;color:#6c757d;color:var(--text-muted);display:inline-flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;height:16px;justify-content:center;line-height:1;transition:color .2s ease;width:16px}.accordion-icon:hover,.change-icon:hover,.config-icon:hover,.extension-icon:hover,.file-icon:hover,.folder-icon:hover,.menu-icon:hover,.panel-action-btn:hover,.preview-action-btn:hover,.provider-icon:hover,.search-btn:hover,.section-icon:hover,.tab-icon:hover,.toc-icon:hover,.vscode-tab:hover{color:#d4d4d4;color:var(--text-primary)}.menu-btn.active .menu-icon,.panel-action-btn:active,.preview-action-btn:active,.search-btn:active,.tab-item.active .tab-icon,.vscode-tab.active{color:#007acc;color:var(--primary-color)}.file-icon[data-type=html],.tab-icon[data-type=html]{color:#e34c26}.file-icon[data-type=css],.tab-icon[data-type=css]{color:#264de4}.file-icon[data-type=javascript],.tab-icon[data-type=javascript]{color:#f7df1e}.file-icon[data-type=json],.tab-icon[data-type=json]{color:#000}.file-icon[data-type=xml],.tab-icon[data-type=xml]{color:#f60}.file-icon[data-type=image],.tab-icon[data-type=image]{color:#4caf50}.folder-icon{color:gold}.section-icon{color:#007acc;color:var(--primary-color)}.accordion-icon{color:#6c757d;color:var(--text-muted);font-size:12px}.vscode-tab{align-items:center;background:#0000;border:none;border-radius:0;cursor:pointer;display:flex;font-size:16px;height:48px;justify-content:center;transition:all .2s ease;width:48px}.vscode-tab:hover{background:#2d2d30;background:var(--surface-hover)}.vscode-tab.active{background:#252526;background:var(--surface-secondary);color:#007acc;color:var(--primary-color)}.panel-action-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:12px;height:24px;transition:all .2s ease;width:24px}.panel-action-btn:hover{background:#2d2d30;background:var(--surface-hover)}.search-btn{background:#007acc;background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;height:32px;transition:all .2s ease;width:32px}.search-btn:hover{background:#005a9e;background:var(--primary-hover)}.preview-action-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:12px;height:24px;transition:all .2s ease;width:24px}.preview-action-btn:hover{background:#2d2d30;background:var(--surface-hover);color:#d4d4d4;color:var(--text-primary)}.extension-icon{font-size:16px;height:20px;margin-right:8px;width:20px}.config-icon{font-size:14px;height:18px;margin-right:8px;width:18px}.empty-icon{color:#6c757d;color:var(--text-muted);font-size:48px;height:64px;margin-bottom:16px;opacity:.5;width:64px}.format-toolbar{align-items:center;background-color:#2d2d30;border-bottom:1px solid #3e3e42;display:flex;flex-shrink:0;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 12px;scrollbar-color:#5a5a5a #2d2d30;scrollbar-width:thin;white-space:nowrap}.format-toolbar::-webkit-scrollbar{height:6px}.format-toolbar::-webkit-scrollbar-track{background:#2d2d30}.format-toolbar::-webkit-scrollbar-thumb{background:#5a5a5a;border-radius:3px}.format-toolbar::-webkit-scrollbar-thumb:hover{background:#6a6a6a}.format-btn{background-color:#3c3c3c;border:1px solid #5a5a5a;border-radius:4px;color:#ccc;cursor:pointer;font-size:12px;min-width:28px;padding:4px 8px;text-align:center;transition:all .2s ease}.format-btn:hover{background-color:#4a4a4a;border-color:#6a6a6a}.format-btn:active{background-color:#2a2a2a;border-color:#4a4a4a}.format-btn.bold{font-weight:700}.format-btn.italic{font-style:italic}.format-btn.underline{text-decoration:underline}.format-btn.strikethrough{text-decoration:line-through}pre{background-color:#1e1e1e;border:1px solid #3e3e42;border-radius:8px;box-shadow:0 4px 12px #0003;font-size:14px;line-height:1.6;margin:12px 0;overflow-x:auto;padding:16px}code,pre{font-family:JetBrains Mono,Fira Code,Consolas,Monaco,Courier New,monospace}code{background-color:#2d2d30;border:1px solid #3e3e42;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#d4d4d4;font-size:.9em;padding:3px 6px}pre code{background-color:initial;border:none;box-shadow:none;color:inherit;padding:0}.monaco-editor{border-radius:8px;box-shadow:0 4px 16px #0000004d;overflow:hidden}.monaco-editor .margin,.monaco-editor .monaco-editor-background{background-color:#1e1e1e!important}.monaco-editor .scrollbar .slider{background-color:#3e3e42!important;border-radius:4px}.monaco-editor .scrollbar .slider:hover{background-color:#4e4e52!important}.monaco-editor .scrollbar .slider.active{background-color:#5a5a5a!important}.monaco-editor .minimap{background-color:#1e1e1e!important}.monaco-editor .minimap .minimap-slider{background-color:#3e3e42!important}.monaco-editor .minimap .minimap-slider:hover{background-color:#4e4e52!important}.monaco-editor .minimap .minimap-slider.active{background-color:#5a5a5a!important}.monaco-editor .overview-ruler{background-color:#1e1e1e!important}.monaco-editor .selected-text{background-color:#264f78!important}.monaco-editor .hover{background-color:#2d2d30!important;border:1px solid #3e3e42!important;border-radius:6px!important;box-shadow:0 4px 12px #0000004d!important}.monaco-editor .suggest-widget{background-color:#2d2d30!important;border:1px solid #3e3e42!important;border-radius:8px!important;box-shadow:0 8px 24px #0006!important}.monaco-editor .suggest-widget .monaco-list .monaco-list-row{padding:8px 12px!important}.monaco-editor .suggest-widget .monaco-list .monaco-list-row:hover{background-color:#3e3e42!important}.monaco-editor .suggest-widget .monaco-list .monaco-list-row.selected{background-color:#264f78!important}.monaco-editor .monaco-editor-overlaymessage{background-color:#f44747!important;border-radius:6px!important;box-shadow:0 4px 12px #f447474d!important;color:#fff!important;padding:8px 12px!important}.monaco-editor .monaco-editor-overlaymessage.warning{background-color:#ffcc02!important;box-shadow:0 4px 12px #ffcc024d!important;color:#1a1a1a!important}.monaco-editor .bracket-highlighting-0{color:#ff6b6b!important}.monaco-editor .bracket-highlighting-1{color:#4ecdc4!important}.monaco-editor .bracket-highlighting-2{color:#45b7d1!important}.monaco-editor .bracket-highlighting-3{color:#96ceb4!important}.monaco-editor .bracket-highlighting-4{color:#feca57!important}.monaco-editor .bracket-highlighting-5{color:#ff9ff3!important}.monaco-editor .indent-guide{background-color:#3e3e42!important;border-left:1px solid #3e3e42!important}.monaco-editor .indent-guide.active{background-color:#4e4e52!important;border-left:1px solid #4e4e52!important}.monaco-editor .current-line{background-color:#2d2d30!important;border-left:3px solid #007acc!important}.monaco-editor .cursor{animation:blink 1s infinite!important;background-color:#aeafad!important;border:none!important;width:2px!important}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.language-javascript{color:#d4d4d4}.language-javascript .keyword{color:#c586c0;font-weight:600}.language-javascript .function{color:#dcdcaa}.language-javascript .string{color:#ce9178}.language-javascript .number{color:#b5cea8}.language-javascript .comment{color:#6a9955;font-style:italic}.language-python{color:#d4d4d4}.language-python .keyword{color:#c586c0;font-weight:600}.language-python .function{color:#dcdcaa}.language-python .string{color:#ce9178}.language-python .number{color:#b5cea8}.language-python .comment{color:#6a9955;font-style:italic}.language-html{color:#d4d4d4}.language-html .tag{color:#569cd6;font-weight:600}.language-html .attribute{color:#9cdcfe}.language-html .string{color:#ce9178}.language-html .comment{color:#6a9955;font-style:italic}.language-css{color:#d4d4d4}.language-css .selector{color:#d7ba7d;font-weight:600}.language-css .property{color:#9cdcfe}.language-css .value{color:#ce9178}.language-css .keyword{color:#c586c0;font-weight:600}.language-css .number{color:#b5cea8}.language-css .comment{color:#6a9955;font-style:italic}.language-json{color:#d4d4d4}.language-json .property{color:#9cdcfe}.language-json .string{color:#ce9178}.language-json .number{color:#b5cea8}.language-json .boolean,.language-json .null{color:#569cd6;font-weight:600}.language-xml{color:#d4d4d4}.language-xml .tag{color:#569cd6;font-weight:600}.language-xml .attribute{color:#9cdcfe}.language-xml .string{color:#ce9178}.language-xml .comment{color:#6a9955;font-style:italic}.language-xhtml{color:#d4d4d4}.language-xhtml .tag{color:#569cd6;font-weight:600}.language-xhtml .attribute{color:#9cdcfe}.language-xhtml .string{color:#ce9178}.language-xhtml .comment{color:#6a9955;font-style:italic}.language-xhtml .doctype{color:#c586c0;font-weight:600}.language-xhtml .xml-declaration{color:#4ec9b0;font-weight:600}.language-xhtml .namespace{color:#dcdcaa;font-weight:600}.template-palette-section{border-top:1px solid var(--border-color);margin-top:20px;padding-top:20px}.template-palette-section h4{color:#d4d4d4;color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:16px}.template-group{margin-bottom:24px}.template-group h5{color:#d4d4d4;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:12px}.template-group h6{color:#858585;color:var(--text-secondary);font-size:12px;font-weight:500;margin-bottom:8px}.template-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-bottom:12px}.template-card{background:#252526;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:6px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:8px;position:relative;transition:all .2s ease}.template-card:hover{background:#2d2d30;background:var(--surface-hover);border-color:#007acc;border-color:var(--primary);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.template-card.custom{border-left:3px solid #ffc107;border-left:3px solid var(--warning)}.template-preview{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;text-align:center}.template-icon{font-size:24px;margin-bottom:4px}.template-name{color:#d4d4d4;color:var(--text-primary);font-size:11px;font-weight:500;line-height:1.2}.template-actions{display:flex;gap:4px;justify-content:center;margin-top:6px;opacity:0;transition:opacity .2s ease}.template-card:hover .template-actions{opacity:1}.template-btn{background:#007acc;background:var(--primary);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:10px;padding:2px 6px;transition:background-color .2s ease}.template-btn:hover{background:#005a9e;background:var(--primary-hover)}.template-btn.save{background:#28a745;background:var(--success);font-size:12px;margin-bottom:12px;padding:6px 12px}.template-btn.save:hover{background:#42b496;background:var(--success-hover)}.template-btn.delete{background:#dc3545;background:var(--danger);font-size:10px}.template-btn.delete:hover{background:#c82333}.template-btn.insert{background:#007acc;background:var(--primary)}.template-controls{margin-bottom:12px}.snippet-section{margin-bottom:16px}.snippet-list{display:flex;flex-direction:column;gap:4px}.snippet-item{align-items:center;background:#252526;background:var(--surface-secondary);border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:all .2s ease}.snippet-item:hover{background:#2d2d30;background:var(--surface-hover);border-color:#007acc;border-color:var(--primary)}.snippet-item.custom{border-left:3px solid #ffc107;border-left:3px solid var(--warning)}.snippet-content{align-items:center;cursor:pointer;display:flex;flex:1 1}.snippet-icon{font-size:14px;margin-right:8px}.snippet-name{color:#d4d4d4;color:var(--text-primary);font-size:12px;font-weight:500}.snippet-delete{background:#dc3545;background:var(--danger);border:none;border-radius:4px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:10px;opacity:0;padding:2px 4px;transition:all .2s ease}.snippet-item:hover .snippet-delete{opacity:1}.snippet-delete:hover{background:#c82333}.template-preview-section{border-top:1px solid var(--border-color);margin-top:16px;padding-top:16px}.template-preview-section h5{color:#d4d4d4;color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:8px}.template-preview-content{background:#1e1e1e;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:4px;border-radius:var(--radius-sm);max-height:120px;overflow-y:auto;padding:8px}.template-preview-content pre{background:#0000;border:none;font-size:10px;line-height:1.3;margin:0;padding:0}.template-preview-content code{background:#0000;border:none;color:#858585;color:var(--text-secondary);font-size:10px;padding:0}.empty-state{color:#858585;color:var(--text-secondary);font-size:12px;font-style:italic;padding:20px;text-align:center}.empty-state p{margin:0}@media (max-width:768px){.template-grid{gap:6px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.template-card{min-height:70px;padding:6px}.template-icon{font-size:20px}.template-name{font-size:10px}}
/*# sourceMappingURL=main.ef5b4d5a.css.map*/