.DrawingBoard[data-v-d8d5b9e9]{padding:20px}.Toolbar[data-v-d8d5b9e9]{background:#fff;border-radius:10px;box-shadow:0 2px 12px #0000000f;gap:16px;margin-bottom:16px;padding:16px}.ToolGroup[data-v-d8d5b9e9],.Toolbar[data-v-d8d5b9e9]{display:flex;flex-wrap:wrap}.ToolGroup[data-v-d8d5b9e9]{align-items:center;gap:12px}.ToolItem[data-v-d8d5b9e9]{align-items:center;display:flex;gap:8px}.ToolLabel[data-v-d8d5b9e9]{color:var(--color-text-2);font-size:13px;white-space:nowrap}.ColorInput[data-v-d8d5b9e9]{border:1px solid var(--color-neutral-3);border-radius:4px;cursor:pointer;height:32px;padding:2px;width:60px}.SizeSlider[data-v-d8d5b9e9]{width:120px}.CanvasWrapper[data-v-d8d5b9e9]{border-radius:10px;box-shadow:0 2px 12px #0000000f;margin-bottom:16px;overflow:hidden;padding:20px;position:relative}.CanvasBackground[data-v-d8d5b9e9]{border-radius:8px;bottom:20px;left:20px;position:absolute;right:20px;top:20px;z-index:0}.DrawingCanvas[data-v-d8d5b9e9]{background:transparent;border-radius:8px;cursor:crosshair;display:block;height:400px;position:relative;touch-action:none;width:100%;z-index:1}.TipsSection[data-v-d8d5b9e9]{background:linear-gradient(135deg,rgba(var(--orange-1),.2),rgba(var(--orange-1),.05));border-left:3px solid rgb(var(--orange-6));border-radius:10px;padding:16px 20px}.TipsTitle[data-v-d8d5b9e9]{align-items:center;color:rgb(var(--orange-6));display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:10px}.TipsContent[data-v-d8d5b9e9]{color:var(--color-text-2);font-size:13px;line-height:1.8}.TipsContent p[data-v-d8d5b9e9]{margin:0}@media (max-width:768px){.Toolbar[data-v-d8d5b9e9]{flex-direction:column}.ToolGroup[data-v-d8d5b9e9]{justify-content:flex-start;width:100%}.DrawingCanvas[data-v-d8d5b9e9]{height:300px}}