.tool-content[data-v-9de99c63]{max-width:720px;margin:0 auto}.upload-zone[data-v-9de99c63]{border:2px dashed var(--color-border);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--color-card);padding:48px 24px;transition:border-color .2s,background .2s}.upload-zone[data-v-9de99c63]:hover,.upload-zone.dragover[data-v-9de99c63]{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-icon[data-v-9de99c63]{font-size:44px}.file-bar[data-v-9de99c63]{background:var(--color-card);border-radius:var(--radius);align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.file-meta[data-v-9de99c63]{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.file-name[data-v-9de99c63]{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.file-sub[data-v-9de99c63]{color:var(--color-text-light);font-size:12px}.mode-row[data-v-9de99c63]{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.mode-btn[data-v-9de99c63]{border:1.5px solid var(--color-border);background:var(--color-card);cursor:pointer;min-width:150px;color:var(--color-text);border-radius:10px;flex-direction:column;flex:1;align-items:flex-start;gap:3px;min-height:44px;padding:10px 14px;font-size:14px;display:flex}.mode-btn.active[data-v-9de99c63]{border-color:var(--color-primary);background:var(--color-primary-light)}.mode-top[data-v-9de99c63]{align-items:center;gap:6px;font-weight:600;display:inline-flex}.mode-icon[data-v-9de99c63]{font-size:16px}.mode-hint[data-v-9de99c63]{color:var(--color-text-light);font-size:12px}.loading-box[data-v-9de99c63]{background:var(--color-primary-light);border-radius:8px;margin:12px 0;padding:12px 16px;font-size:14px}.notice-box[data-v-9de99c63]{color:#b45309;background:#fffbeb;border-radius:8px;margin:12px 0;padding:12px 16px;font-size:14px;line-height:1.6}.err-box[data-v-9de99c63]{color:#dc2626;background:#fef2f2;border-radius:8px;margin:12px 0;padding:10px 14px;font-size:14px;line-height:1.6}.preview-wrap[data-v-9de99c63]{text-align:center;margin:16px 0}.preview-box[data-v-9de99c63]{border:1px solid var(--color-border);border-radius:8px;max-width:100%;display:inline-block;overflow:hidden}.preview-box img[data-v-9de99c63]{max-width:100%;display:block}.checker[data-v-9de99c63]{background-image:linear-gradient(45deg,#e5e7eb 25%,#0000 25%),linear-gradient(-45deg,#e5e7eb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7eb 75%),linear-gradient(-45deg,#0000 75%,#e5e7eb 75%);background-position:0 0,0 8px,8px 0,8px 8px;background-size:16px 16px}.bg-row[data-v-9de99c63]{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.bg-label[data-v-9de99c63]{color:var(--color-text-light);font-size:13px}.bg-btn[data-v-9de99c63]{border:1.5px solid var(--color-border);background:var(--color-card);color:var(--color-text);cursor:pointer;border-radius:999px;min-height:36px;padding:6px 14px;font-size:13px}.bg-btn.active[data-v-9de99c63]{border-color:var(--color-primary);background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.color-pick[data-v-9de99c63]{cursor:pointer;border:1.5px solid var(--color-border);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:inline-flex}.color-pick.active[data-v-9de99c63]{border-color:var(--color-primary);color:var(--color-primary)}.color-pick input[type=color][data-v-9de99c63]{cursor:pointer;background:0 0;border:none;width:22px;height:22px;padding:0}.dl-btn[data-v-9de99c63]{width:100%;min-height:48px;margin-top:14px;font-size:15px}.dl-hint[data-v-9de99c63]{color:var(--color-text-light);margin-top:8px;font-size:12px}.controls[data-v-9de99c63]{margin-top:20px}.control-row[data-v-9de99c63]{align-items:center;gap:12px;margin-bottom:10px;display:flex}.control-row label[data-v-9de99c63]{width:72px;color:var(--color-text-light);flex-shrink:0;font-size:13px}.control-row input[type=range][data-v-9de99c63]{flex:1}.val[data-v-9de99c63]{text-align:right;font-variant-numeric:tabular-nums;width:36px;font-size:13px}.hint[data-v-9de99c63]{color:var(--color-text-light);margin-top:4px;font-size:12px;line-height:1.6}.faq[data-v-9de99c63]{border:1px solid var(--color-border);background:var(--color-card);border-radius:8px;margin-top:10px;padding:10px 14px}.faq summary[data-v-9de99c63]{cursor:pointer;font-size:14px;font-weight:500}.faq p[data-v-9de99c63]{color:var(--color-text-light);margin:8px 0 0;font-size:13px;line-height:1.7}@media (width<=480px){.mode-row[data-v-9de99c63]{flex-direction:column}.mode-btn[data-v-9de99c63]{min-width:0}.control-row label[data-v-9de99c63]{width:60px}}