:root{--bg-app: #f5f5f5;--bg-panel: #ffffff;--bg-canvas: #e0e0e0;--text-primary: #333333;--text-secondary: #666666;--text-inverse: #ffffff;--border-color: #dddddd;--accent-color: #0078d4;--accent-hover: #005a9e;--toolbar-height: 120px;--statusbar-height: 28px;--command-height: 100px}[data-theme=dark]{--bg-app: #181818;--bg-panel: #252526;--bg-canvas: #333333;--text-primary: #cccccc;--text-secondary: #999999;--text-inverse: #000000;--border-color: #3e3e42;--accent-color: #007acc;--accent-hover: #1c97ea}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-app);color:var(--text-primary)}*{box-sizing:border-box}.main-layout{display:flex;flex-direction:column;position:absolute;inset:0;overflow:hidden;background-color:var(--bg-app)}.layout-header{height:48px;flex-shrink:0;background-color:var(--bg-panel);border-bottom:1px solid var(--border-color);z-index:10}.layout-middle{flex:1;display:flex;overflow:hidden;position:relative}.layout-left{width:48px;flex-shrink:0;background-color:var(--bg-panel);border-right:1px solid var(--border-color);z-index:5}.layout-content{flex:1;position:relative;background-color:var(--bg-canvas);overflow:hidden;cursor:none}.layout-right{width:300px;flex-shrink:0;background-color:var(--bg-panel);border-left:1px solid var(--border-color);z-index:5}.layout-footer{height:24px;flex-shrink:0;background-color:var(--bg-panel);border-top:1px solid var(--border-color);z-index:10;display:flex;flex-direction:column}