html,body,#root{width:100%;height:100%;margin:0;font-family:Arial,sans-serif}.app-root{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.toolbar{box-sizing:border-box;background:#fff;border-bottom:1px solid #eee;flex:none;align-items:center;gap:8px;padding:8px 12px;display:flex}.app-main{flex:1;min-width:0;min-height:0;display:flex}.app-canvas{z-index:0;contain:paint;flex:1;min-width:0;min-height:0;position:relative;overflow:auto}.app-sidebar{z-index:2;isolation:isolate;background:#fafafa;border-left:1px solid #eee;flex:none;width:300px;min-height:0;position:relative;overflow:hidden auto}.canvas-root{background:#fff;width:1200px;height:800px}.palette{box-sizing:border-box;padding:12px}.palette input[type=text],.palette input:not([type]),.palette select{box-sizing:border-box;width:100%;margin-top:4px;padding:6px}.menu-btn,.palette button{cursor:pointer;color:#333;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:13px}.menu-btn:hover:not(:disabled),.palette button:hover:not(:disabled){background:#f0f0f0}.menu-btn:active:not(:disabled),.palette button:active:not(:disabled){background:#e4e4e4}.menu-btn:disabled,.palette button:disabled{opacity:.5;cursor:not-allowed}.palette h4,.palette h5{margin:0 0 8px}.palette label{color:#333;margin-bottom:8px;font-size:12px;display:block}.palette-section{z-index:1;position:relative}