.container[data-v-da3380e6]{max-width:1160px;margin:0 auto}h1[data-v-da3380e6]{font-size:24px;margin-bottom:16px}.tool-wrapper[data-v-da3380e6]{background:#fff;border-radius:12px;padding:16px}.setting-panel[data-v-da3380e6]{background:#fafafa;border-radius:8px;padding:12px 16px;margin-bottom:14px}.setting-item[data-v-da3380e6]{margin-bottom:14px}.setting-item[data-v-da3380e6]:last-child{margin-bottom:0}.color-input-row[data-v-da3380e6]{display:flex;align-items:center;gap:10px;margin-bottom:6px}.row-label[data-v-da3380e6],.panel-label[data-v-da3380e6]{font-size:14px;color:#344054}.color-well[data-v-da3380e6]{width:44px;height:32px;border:1px solid #d0d5dd;border-radius:6px;cursor:pointer;padding:2px;background:#fff}.selected-color[data-v-da3380e6]{min-width:80px;padding:4px 10px;border:1px solid #e4e7ec;border-radius:6px;background:#fff;font-size:13px;color:#344054;text-transform:uppercase}.recent-btn[data-v-da3380e6]{padding:5px 12px;border:1px solid #e4e7ec;border-radius:999px;background:#fff;font-size:13px;cursor:pointer;color:#344054}.recent-btn[data-v-da3380e6]:hover{border-color:#f97316;color:#f97316}.hint[data-v-da3380e6]{font-size:13px;color:#98a2b3}.color-list[data-v-da3380e6]{display:flex;flex-wrap:wrap;gap:18px;margin-top:10px}.color-dot[data-v-da3380e6]{width:28px;height:28px;border-radius:50%;border:1px solid rgba(0,0,0,.08);cursor:pointer;padding:0;transition:transform .1s}.color-dot[data-v-da3380e6]:hover{transform:scale(1.15)}.color-dot.selected[data-v-da3380e6]{outline:2px solid #22c55e;outline-offset:2px}.toolbar[data-v-da3380e6]{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px}.tool-btn[data-v-da3380e6]{height:40px;padding:0 18px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:filter .15s,transform .1s}.tool-btn[data-v-da3380e6]:hover:not(:disabled){filter:brightness(.96)}.tool-btn[data-v-da3380e6]:active:not(:disabled){transform:scale(.97)}.tool-btn[data-v-da3380e6]:disabled{opacity:.5;cursor:not-allowed}.btn-blue[data-v-da3380e6]{background:#dbeafe;color:#2563eb}.btn-green[data-v-da3380e6]{background:#dcfce7;color:#16a34a}.btn-green-active[data-v-da3380e6]{background:#16a34a;color:#fff}.btn-gray[data-v-da3380e6]{background:#f3f4f6;color:#4b5563}.btn-orange[data-v-da3380e6]{background:#ffedd5;color:#ea580c}.btn-yellow[data-v-da3380e6]{background:#fef9c3;color:#a16207}.canvas-panel[data-v-da3380e6]{display:flex;justify-content:center;background:#f5f5f5;border-radius:8px;padding:12px;min-height:200px}.coloring-canvas[data-v-da3380e6]{max-width:100%;max-height:70vh;height:auto;cursor:crosshair;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}.coloring-canvas.eraser[data-v-da3380e6]{cursor:cell}.upload-area[data-v-da3380e6]{border:2px dashed #d0d5dd;border-radius:8px;padding:64px 24px;text-align:center;cursor:pointer;transition:border-color .2s;background:#fafafa;color:#475467;font-size:15px}.upload-area[data-v-da3380e6]:hover{border-color:#f97316}.demo-section[data-v-da3380e6]{margin-top:14px}.demo-grid[data-v-da3380e6]{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media(max-width:768px){.demo-grid[data-v-da3380e6]{grid-template-columns:repeat(2,1fr)}.color-list[data-v-da3380e6]{gap:12px}}.demo-item[data-v-da3380e6]{border:1px solid #e4e7ec;border-radius:8px;background:#fff;padding:0;overflow:hidden;cursor:pointer;transition:box-shadow .2s}.demo-item[data-v-da3380e6]:hover{box-shadow:0 2px 10px rgba(0,0,0,.12)}.demo-thumb[data-v-da3380e6]{width:100%;display:block}.canvas-tip[data-v-da3380e6]{margin-top:10px;font-size:13px;color:#98a2b3;text-align:center}.error[data-v-da3380e6]{margin-top:16px;padding:12px;background:#fff5f5;color:#ff4d4f;border-radius:8px;font-size:14px}