.pigai-edit[data-v-0c8807f5]{display:flex;flex-direction:column;height:100vh;background:#f5f5f5}.toolbar[data-v-0c8807f5]{justify-content:space-between;padding:8px 16px;background:#fff;border-bottom:1px solid #e5e5e5;flex-wrap:wrap}.left[data-v-0c8807f5],.toolbar[data-v-0c8807f5]{display:flex;align-items:center;gap:12px}.title[data-v-0c8807f5]{font-size:16px;font-weight:500}.center[data-v-0c8807f5]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.attrs[data-v-0c8807f5]{display:flex;align-items:center;gap:6px}.attrs label[data-v-0c8807f5]{font-size:12px;color:#666}.attrs .val[data-v-0c8807f5]{font-size:12px;color:#666;min-width:20px;text-align:right}.color-input[data-v-0c8807f5]{width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer}.body[data-v-0c8807f5]{flex:1;display:flex;overflow:hidden}.canvas-area[data-v-0c8807f5]{flex:1;display:flex;flex-direction:column;background:#fafafa}.canvas-wrap[data-v-0c8807f5]{flex:1;position:relative;overflow:auto;background:#fff;border:1px solid #e5e5e5;margin:12px;border-radius:6px}.canvas[data-v-0c8807f5]{position:absolute;left:0;top:0;display:block}.base-canvas[data-v-0c8807f5]{z-index:1}.draw-canvas[data-v-0c8807f5]{z-index:2;cursor:crosshair}.status-bar[data-v-0c8807f5]{display:flex;align-items:center;gap:24px;padding:8px 16px;font-size:12px;color:#666;background:#fff;border-top:1px solid #e5e5e5;margin:0 12px 12px 12px;border-radius:0 0 6px 6px}.side-panel[data-v-0c8807f5]{width:280px;background:#fff;border-left:1px solid #e5e5e5;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}h3[data-v-0c8807f5]{margin:0 0 8px 0;font-size:14px;font-weight:500}.field[data-v-0c8807f5]{display:flex;flex-direction:column;gap:6px}.field label[data-v-0c8807f5]{font-size:12px;color:#666}@media(max-width:768px){.body[data-v-0c8807f5]{flex-direction:column}.side-panel[data-v-0c8807f5]{width:100%;border-left:none;border-top:1px solid #e5e5e5}}