:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px;--background-color:#1e1e1e;--foreground-color:#d4d4d4;--border-color:#404040;--panel-background:#252526;--sidebar-background:#252526;--editor-background:#1e1e1e;--input-background:#3c3c3c;--input-foreground:#cccccc;--input-border:#6b6b6b;--button-background:#4d4d4d;--button-foreground:#e0e0e0;--button-border:#5f5f5f;--button-hover-background:#5f5f5f;--button-primary-background:#0e639c;--button-primary-foreground:#ffffff;--button-primary-border:#1177bb;--tab-background:#2d2d2d;--tab-active-background:#1e1e1e;--tab-active-border:#0e639c;--toolbar-background:#3c3c3c;--terminal-background:#1e1e1e;--terminal-foreground:#d4d4d4;--dropdown-background:#252526;--dropdown-foreground:#cccccc;--dropdown-border:#454545;--dropdown-hover-background:#04395e;--light-background-color:#ffffff;--light-foreground-color:#333333;--light-border-color:#e0e0e0;--light-panel-background:#f8f8f8;--light-sidebar-background:#f3f3f3;--light-editor-background:#ffffff;--light-input-background:#ffffff;--light-input-foreground:#333333;--light-input-border:#cccccc;--light-button-background:#e6e6e6;--light-button-foreground:#333333;--light-button-border:#d0d0d0;--light-button-hover-background:#d6d6d6;--light-tab-background:#ececec;--light-tab-active-background:#ffffff;--light-toolbar-background:#f3f3f3;--light-terminal-background:#f8f8f8;--light-terminal-foreground:#333333;--light-dropdown-background:#ffffff;--light-dropdown-foreground:#333333;--light-dropdown-border:#cccccc;--light-dropdown-hover-background:#e8f1fb;--font-family:'Consolas', 'Courier New', monospace;--font-size:14px;--line-height:1.5;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--z-index-dropdown:100;--z-index-modal:1000;--z-index-notification:2000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size);line-height:var(--line-height);color:var(--foreground-color);background-color:var(--background-color);height:100vh;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh;width:100%}.main-container{display:flex;flex:1;overflow:hidden}.toolbar{padding:0 var(--spacing-sm);background-color:var(--toolbar-background);border-bottom:1px solid var(--border-color);height:36px;user-select:none}.toolbar,.toolbar-left{display:flex;align-items:center}.toolbar-center{flex:1;display:flex;justify-content:center;padding:0 var(--spacing-xl)}.toolbar-right{display:flex;align-items:center;gap:var(--spacing-xs)}.logo{font-weight:700;margin-right:var(--spacing-xl)}.menu-bar{display:flex;height:100%}.menu-item{background:#fff0;border:0;color:var(--foreground-color);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:var(--font-size);user-select:none}.menu-item:hover{background-color:var(--button-hover-background)}.sidebar{display:flex;flex-direction:column;background-color:var(--sidebar-background);border-right:1px solid var(--border-color);min-width:200px;max-width:400px;height:100%;position:relative}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-sm);border-bottom:1px solid var(--border-color)}.sidebar-header h3{font-size:11px;text-transform:uppercase;letter-spacing:1px;margin:0}.sidebar-content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.tab-bar{display:flex;background-color:var(--tab-background);border-bottom:1px solid var(--border-color);height:35px;overflow-x:auto;white-space:nowrap;user-select:none}.tab,.tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab{display:flex;align-items:center;padding:0 12px;height:35px;min-width:100px;max-width:200px;background-color:var(--panel-background,#1e1e1e);color:var(--foreground-color,#d4d4d4);border-right:1px solid var(--border-color,#333);cursor:pointer;user-select:none;position:relative}.tab-name{flex:1}.tab.active{background-color:var(--active-tab-background,#434242);border-top:2px solid var(--button-primary-background,#0078d4);color:var(--active-tab-foreground,#ffffff)}.tab-close{margin-left:5px;opacity:.7;font-size:16px;line-height:1;padding:2px 4px;border-radius:4px}.tab-close:hover{opacity:1;background-color:rgb(255 55 55/.3)}.editor-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--editor-header-background,#252526);border-bottom:1px solid var(--border-color);padding:4px 8px;font-size:12px}.editor-title{font-weight:500;color:var(--editor-title-color,#e0e0e0);max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.terminal-container{display:flex;flex-direction:column;background-color:var(--terminal-background);border-top:1px solid var(--border-color);height:250px;min-height:30px;max-height:50%;position:relative;margin-bottom:22px}.status-bar,.terminal-header{display:flex;justify-content:space-between;align-items:center}.terminal-header{padding:3px var(--spacing-sm);background-color:var(--tab-background);border-bottom:1px solid var(--border-color)}.status-bar{height:22px;width:100%;bottom:0;position:absolute;background-color:var(--toolbar-background);border-top:1px solid var(--border-color);padding:0 var(--spacing-sm);font-size:12px}.status-left,.status-right{display:flex;gap:15px}.status-item{opacity:.8}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:#555;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#888}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-sm);background-color:var(--tab-background);border-bottom:1px solid var(--border-color)}.panel-actions{display:flex;gap:var(--spacing-xs)}.panel-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}button{cursor:pointer}:focus-visible{outline:2px solid var(--button-primary-background);outline-offset:2px}@media (max-width:768px){.tab{min-width:80px}}@media (max-width:480px){.toolbar{flex-direction:column;height:auto}.toolbar-center,.toolbar-left,.toolbar-right{width:100%;margin-bottom:var(--spacing-xs)}.menu-bar{width:100%;overflow-x:auto}}input[type=text]{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--input-background);color:var(--input-foreground);border:1px solid var(--input-border);border-radius:3px;font-family:var(--font-family)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.tab:focus-visible{outline:2px solid var(--button-primary-background);outline-offset:-2px;z-index:1}.tab.active::after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--tab-active-border)}