*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #1e1e1e;--color-surface: #252526;--color-surface-2: #2d2d30;--color-border: #3c3c3c;--color-text: #cccccc;--color-text-dim: #888888;--color-accent: #0078d4;--color-accent-hover: #106ebe;--color-canvas-bg: #1a1a1a;--color-panel-header: #2d2d30;--height-menubar: 30px;--height-toolbar: 36px;--height-statusbar: 24px;--width-panel-left: 220px;--width-panel-right: 260px;font-family:Segoe UI,system-ui,sans-serif;font-size:13px;color:var(--color-text);background:var(--color-bg)}body{overflow:hidden;height:100vh;width:100vw}#root{height:100vh;width:100vw}.ecad-app{display:flex;flex-direction:column;height:100vh;width:100vw}.ecad-menubar{height:var(--height-menubar);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:8px;padding:0 8px;flex-shrink:0}.ecad-logo{font-weight:700;color:var(--color-accent);letter-spacing:1px;margin-right:8px}.ecad-menu-items{display:flex;gap:2px}.ecad-menu-items button{background:none;border:none;color:var(--color-text);padding:2px 8px;cursor:pointer;border-radius:2px;font-size:13px}.ecad-menu-items button:hover{background:var(--color-surface-2)}.ecad-project-name{margin-left:auto;color:var(--color-text-dim);font-size:12px}.ecad-toolbar{height:var(--height-toolbar);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 8px;flex-shrink:0}.ecad-toolbar-placeholder{color:var(--color-text-dim);font-size:12px}.ecad-workspace{flex:1;display:flex;overflow:hidden}.ecad-panel-left,.ecad-panel-right{background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.ecad-panel-left{width:var(--width-panel-left)}.ecad-panel-right{width:var(--width-panel-right);border-right:none;border-left:1px solid var(--color-border)}.ecad-panel-header{height:28px;background:var(--color-panel-header);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-dim);flex-shrink:0}.ecad-panel-body{flex:1;padding:12px;overflow-y:auto;color:var(--color-text-dim);font-size:12px}.ecad-canvas-area{flex:1;background:var(--color-canvas-bg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.ecad-canvas-placeholder{color:var(--color-text-dim);font-size:14px}.ecad-statusbar{height:var(--height-statusbar);background:var(--color-accent);display:flex;align-items:center;padding:0 8px;gap:16px;flex-shrink:0;font-size:11px;color:#fff}.ecad-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%}.ecad-welcome h1{font-size:48px;font-weight:700;color:var(--color-accent);letter-spacing:4px}.ecad-welcome p{font-size:16px;color:var(--color-text-dim);margin-bottom:8px}.ecad-welcome-actions{display:flex;gap:12px}.ecad-welcome-actions button{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text);padding:10px 20px;cursor:pointer;border-radius:3px;font-size:13px;transition:background .1s}.ecad-welcome-actions button:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}