.tool-container[data-v-da17c2cc]{max-width:1000px;margin:24px auto;padding:0 16px;text-align:left}h1[data-v-da17c2cc]{font-size:22px;margin-bottom:8px}.seo-desc[data-v-da17c2cc]{font-size:13px;color:#909399;margin-bottom:20px}.drop-zone[data-v-da17c2cc]{border:2px dashed #d9d9d9;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:border-color .2s;color:#909399}.drop-zone.active[data-v-da17c2cc],.drop-zone[data-v-da17c2cc]:hover{border-color:#409eff;color:#409eff}.dz-icon[data-v-da17c2cc]{font-size:40px;margin-bottom:12px}.dz-hint[data-v-da17c2cc]{font-size:12px;margin-top:6px}.toolbar[data-v-da17c2cc]{display:flex;align-items:center;margin-bottom:12px}.workspace[data-v-da17c2cc]{display:flex;gap:16px}.canvas-wrap[data-v-da17c2cc]{flex:1;overflow:hidden;background:#f5f7fa;border-radius:6px}.canvas-wrap canvas[data-v-da17c2cc]{display:block;max-width:100%}.side-panel[data-v-da17c2cc]{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.preview-label[data-v-da17c2cc]{font-size:13px;color:#606266;font-weight:500}.preview-wrap[data-v-da17c2cc]{position:relative;background:#f0f2f5;border-radius:6px;min-height:80px;display:flex;align-items:center;justify-content:center;overflow:hidden}.preview-empty[data-v-da17c2cc]{font-size:12px;color:#c0c4cc;padding:12px;text-align:center}.preview-canvas[data-v-da17c2cc]{display:block;max-width:100%}.ctrl-label[data-v-da17c2cc]{font-size:12px;color:#606266;margin-bottom:4px}.crop-info[data-v-da17c2cc]{font-size:12px;color:#909399;margin-top:8px}