:root{--bg-primary: #1e1e1e;--panel-bg: #252526;--border: #3e3e42;--accent: #0099ff;--text-primary: #ffffff;--font-family: "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-family);color:var(--text-primary)}body,html,#root{height:100%;background-color:var(--bg-primary)}.app-container{display:flex;flex-direction:column;height:100%}.main-area{flex:1;display:flex;overflow:hidden}.menu-bar{display:flex;background:var(--panel-bg);border-bottom:1px solid var(--border);padding:4px 8px}.menu-bar>button{background:none;border:none;color:var(--text-primary);margin-right:12px;cursor:pointer;font-size:.9rem}.menu-bar>button:hover{color:var(--accent)}.toolbar{width:48px;background:var(--panel-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding-top:4px}.toolbar button{width:36px;height:36px;margin:4px 0;background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;cursor:pointer}.toolbar button:hover{border-color:var(--accent)}.side-panel{width:240px;background:var(--panel-bg);border-left:1px solid var(--border);overflow-y:auto;padding:8px}.canvas-container{flex:1;background:#111;position:relative}.status-bar{height:24px;background:var(--panel-bg);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 8px;font-size:.8rem}