.tool-header[data-v-bdc395c0]{text-align:center;padding:48px 0 36px}.tool-header h1[data-v-bdc395c0]{font-family:var(--font-display);color:var(--navy);justify-content:center;align-items:center;gap:10px;margin-bottom:12px;font-size:32px;font-weight:900;display:flex}.tool-header p[data-v-bdc395c0]{color:var(--text-secondary);max-width:560px;margin:0 auto;font-size:15px;line-height:1.6}.title-icon[data-v-bdc395c0]{font-size:32px;line-height:1}.tool-workspace[data-v-bdc395c0]{max-width:1000px;margin:0 auto}.upload-section[data-v-bdc395c0]{width:100%;max-width:560px;margin:0 auto}.upload-content[data-v-bdc395c0]{text-align:center;padding:40px 20px}.upload-icon[data-v-bdc395c0]{margin-bottom:16px;font-size:48px}.upload-title[data-v-bdc395c0]{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-bdc395c0]{color:var(--text-muted);font-size:13px}.workspace-content[data-v-bdc395c0]{align-items:flex-start;gap:24px;display:flex}.settings-panel[data-v-bdc395c0]{background:var(--card-bg);border-radius:var(--radius-lg);width:320px;box-shadow:var(--card-shadow);border:1px solid var(--border-color);flex-shrink:0;padding:20px}.file-info-bar[data-v-bdc395c0]{border-radius:var(--radius-md);color:var(--text-secondary);background:#00000005;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 12px;font-size:12px;display:flex}.mode-tabs[data-v-bdc395c0]{background:#00000008;border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.mode-tab[data-v-bdc395c0]{font-family:var(--font-display);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:10px;flex:1;padding:8px;font-size:13px;font-weight:700;transition:all .2s}.mode-tab[data-v-bdc395c0]:hover{background:#00000005}.mode-tab.active[data-v-bdc395c0]{background:var(--accent-blue);color:#fff}.settings-content[data-v-bdc395c0]{flex-direction:column;gap:16px;display:flex}.setting-group label[data-v-bdc395c0]{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.full-width[data-v-bdc395c0]{width:100%}.mode-switch-row[data-v-bdc395c0]{background:#00000008;border-radius:8px;gap:4px;padding:3px;display:flex}.mode-switch-btn[data-v-bdc395c0]{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;flex:1;padding:6px;font-size:13px;font-weight:600;transition:all .2s}.mode-switch-btn[data-v-bdc395c0]:hover{background:#00000005}.mode-switch-btn.active[data-v-bdc395c0]{background:var(--accent-blue);color:#fff}.color-row[data-v-bdc395c0]{align-items:center;gap:8px;display:flex}.color-presets[data-v-bdc395c0]{flex-wrap:wrap;flex:1;gap:4px;display:flex}.color-preset[data-v-bdc395c0]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:22px;height:22px;transition:all .15s;box-shadow:inset 0 0 0 1px #0000001a}.color-preset[data-v-bdc395c0]:hover{transform:scale(1.15)}.color-preset.active[data-v-bdc395c0]{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-light)}.action-buttons[data-v-bdc395c0]{justify-content:center;gap:12px;margin-top:24px;display:flex}.action-btn[data-v-bdc395c0]{width:100%}.preview-panel[data-v-bdc395c0]{background:var(--card-bg);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--card-shadow);border:1px solid var(--border-color);flex:1;padding:20px}.preview-header[data-v-bdc395c0]{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.preview-header h3[data-v-bdc395c0]{font-family:var(--font-display);color:var(--navy);margin:0;font-size:15px;font-weight:700}.preview-header .preview-hint[data-v-bdc395c0]{color:var(--text-muted);background:#00000008;border-radius:4px;padding:4px 8px;font-size:12px}.preview-container[data-v-bdc395c0]{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#f5f5f5;position:relative;overflow:hidden}.preview-canvas[data-v-bdc395c0]{width:100%;height:auto;display:block}.preview-loading[data-v-bdc395c0]{color:var(--text-secondary);background:#ffffffe6;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:13px;display:flex;position:absolute;inset:0}.preview-loading .el-icon[data-v-bdc395c0]{color:var(--accent-blue);font-size:24px}.watermark-draggable[data-v-bdc395c0]{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;text-shadow:0 0 2px #0000001a;border-radius:4px;padding:4px 8px;font-weight:700;transition:box-shadow .2s;position:absolute}.watermark-draggable[data-v-bdc395c0]:hover{box-shadow:0 0 0 2px var(--accent-blue-light)}.watermark-draggable.dragging[data-v-bdc395c0]{cursor:grabbing;box-shadow:0 0 0 2px var(--accent-blue);background:#ffffff4d}.custom-position-tip[data-v-bdc395c0]{margin-bottom:4px}.position-display[data-v-bdc395c0]{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono);border-radius:var(--radius-md);background:#00000005;gap:16px;padding:8px 12px;display:flex}@media (width<=1024px){.workspace-content[data-v-bdc395c0]{flex-direction:column}.settings-panel[data-v-bdc395c0],.preview-panel[data-v-bdc395c0]{width:100%}}@media (width<=768px){.tool-header[data-v-bdc395c0]{padding:32px 0 24px}.tool-header h1[data-v-bdc395c0]{font-size:24px}.tool-header p[data-v-bdc395c0]{font-size:14px}.settings-panel[data-v-bdc395c0],.preview-panel[data-v-bdc395c0]{padding:16px}.action-btn[data-v-bdc395c0]{width:100%}}