*{box-sizing:border-box;margin:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f2f5}.app{display:flex;flex-direction:column;height:100vh}.toolbar{display:flex;align-items:center;height:48px;padding:0 16px;background:#1677ff;color:#fff}.toolbar .brand{font-weight:700;font-size:16px}.toolbar .spacer{flex:1}.toolbar .hint{font-size:12px;opacity:.9}.body{display:flex;flex:1;overflow:hidden}.left{width:220px;background:#fff;border-right:1px solid #eee}.center{flex:1;overflow:auto}.right{width:280px;background:#fff;border-left:1px solid #eee}.panel-title{padding:12px 16px;font-size:14px;font-weight:700;border-bottom:1px solid #eee}.palette-list{padding:12px}.palette-item{padding:10px 12px;margin-bottom:8px;border:1px dashed #1677ff;border-radius:6px;cursor:grab;font-size:13px;text-align:center}.palette-item:hover{background:#f0f7ff}.canvas{padding:16px}.canvas-title{font-size:13px;color:#999;margin-bottom:8px}.canvas-stage{min-height:400px;background:#fff;border:1px solid #eee;border-radius:8px;padding:16px}.canvas-node{margin:4px 0;padding:6px;border:1px dashed transparent;border-radius:4px}.canvas-node.selected{border-color:#1677ff;background:#f5faff}.builtin-container{display:flex;flex-direction:column;padding:8px;border:1px solid #eee}.builtin-text{font-size:15px}.builtin-button{padding:8px 16px;color:#fff;border:none;border-radius:6px;margin:4px 0}.builtin-image{width:100%;height:120px;object-fit:cover;background:#eee}.builtin-input{padding:8px;border:1px solid #ddd;border-radius:4px;width:100%}.builtin-list{padding:8px;border-bottom:1px solid #eee}.builtin-missing{color:#999;font-size:12px}.inspector-body{padding:12px 16px}.prop-row{display:flex;flex-direction:column;margin-bottom:12px;font-size:13px;gap:6px}.prop-row input{padding:6px 8px;border:1px solid #ddd;border-radius:4px}.empty-tip{color:#aaa;font-size:12px;padding:8px 0}