.tool-page[data-v-d1808ddc]{padding-top:24px;padding-bottom:60px}.tool-header[data-v-d1808ddc]{margin-bottom:32px}.tool-header h1[data-v-d1808ddc]{color:var(--navy);margin-bottom:8px;font-size:28px;font-weight:800}.tool-header p[data-v-d1808ddc]{color:var(--text-muted);font-size:15px}.upload-section[data-v-d1808ddc]{width:100%}.upload-content[data-v-d1808ddc]{text-align:center;padding:40px 20px}.upload-icon[data-v-d1808ddc]{color:var(--accent-blue);margin-bottom:16px}.upload-title[data-v-d1808ddc]{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-d1808ddc]{color:var(--text-muted);font-size:13px}.tool-workspace[data-v-d1808ddc]{justify-content:center;display:flex}.workspace-content[data-v-d1808ddc]{flex-direction:row-reverse;align-items:flex-start;gap:24px;width:100%;max-width:1200px;display:flex}.settings-panel[data-v-d1808ddc]{background:var(--card-bg);border-radius:var(--radius-md);width:280px;box-shadow:var(--card-shadow);flex-shrink:0;padding:24px}.settings-panel h3[data-v-d1808ddc]{font-family:var(--font-display);color:var(--navy);margin-bottom:12px;font-size:15px;font-weight:700}.mode-tabs[data-v-d1808ddc]{background:#00000008;border-radius:10px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.mode-tab[data-v-d1808ddc]{font-family:var(--font-display);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:14px;font-weight:600;transition:all .2s}.mode-tab[data-v-d1808ddc]:hover{background:#00000005}.mode-tab.active[data-v-d1808ddc]{background:var(--accent-blue);color:var(--navy)}.setting-group[data-v-d1808ddc]{margin-bottom:16px}.setting-group label[data-v-d1808ddc]{color:var(--text-secondary);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.drag-hint[data-v-d1808ddc]{color:var(--text-muted);text-align:center;background:#00000005;border-radius:6px;margin-top:8px;padding:8px;font-size:13px}.action-buttons[data-v-d1808ddc]{flex-direction:column;gap:8px;margin-top:24px;display:flex}.action-btn[data-v-d1808ddc]{box-sizing:border-box!important;width:100%!important;margin:0!important;display:flex!important}.preview-panel[data-v-d1808ddc]{background:var(--card-bg);border-radius:var(--radius-md);min-width:0;box-shadow:var(--card-shadow);flex:1;padding:24px;position:sticky;top:20px}.preview-area[data-v-d1808ddc]{border-radius:var(--radius-sm);background:#00000005;justify-content:center;align-items:center;max-height:65vh;margin-bottom:16px;padding:16px;display:flex;overflow:hidden}.preview-placeholder[data-v-d1808ddc]{max-width:100%;max-height:60vh;display:inline-block;position:relative;overflow:hidden}.preview-img[data-v-d1808ddc]{object-fit:contain;max-width:100%;max-height:60vh;display:block}.preview-info[data-v-d1808ddc]{color:var(--text-secondary);justify-content:space-between;font-size:13px;display:flex}.title-icon[data-v-d1808ddc]{color:var(--duck-yellow);vertical-align:middle;margin-right:4px}.watermark-preview[data-v-d1808ddc]{cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;pointer-events:auto;z-index:10;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;display:flex;position:absolute}.watermark-preview.dragging[data-v-d1808ddc]{cursor:grabbing;outline-offset:4px;outline:2px dashed #fff9}.watermark-image[data-v-d1808ddc]{object-fit:contain;pointer-events:none;width:100%;height:auto}.rotation-control[data-v-d1808ddc]{justify-content:center;padding:8px 0;display:flex}.rotation-dial[data-v-d1808ddc]{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);border-radius:50%;width:72px;height:72px;position:relative;box-shadow:inset 0 2px 4px #0000001a,0 1px 2px #fffc}.rotation-dial.dragging[data-v-d1808ddc]{cursor:grabbing}.rotation-track[data-v-d1808ddc]{border:1px dashed #00000026;border-radius:50%;position:absolute;inset:8px}.rotation-tick[data-v-d1808ddc]{transform-origin:50% 28px;background:#0003;border-radius:1px;width:2px;height:6px;position:absolute;top:0;left:50%}.rotation-tick[data-v-d1808ddc]:first-child{transform:translate(-50%)rotate(30deg)}.rotation-tick[data-v-d1808ddc]:nth-child(2){transform:translate(-50%)rotate(60deg)}.rotation-tick[data-v-d1808ddc]:nth-child(3){transform:translate(-50%)rotate(90deg)}.rotation-tick[data-v-d1808ddc]:nth-child(4){transform:translate(-50%)rotate(120deg)}.rotation-tick[data-v-d1808ddc]:nth-child(5){transform:translate(-50%)rotate(150deg)}.rotation-tick[data-v-d1808ddc]:nth-child(6){transform:translate(-50%)rotate(180deg)}.rotation-tick[data-v-d1808ddc]:nth-child(7){transform:translate(-50%)rotate(210deg)}.rotation-tick[data-v-d1808ddc]:nth-child(8){transform:translate(-50%)rotate(240deg)}.rotation-tick[data-v-d1808ddc]:nth-child(9){transform:translate(-50%)rotate(270deg)}.rotation-tick[data-v-d1808ddc]:nth-child(10){transform:translate(-50%)rotate(300deg)}.rotation-tick[data-v-d1808ddc]:nth-child(11){transform:translate(-50%)rotate(330deg)}.rotation-tick[data-v-d1808ddc]:nth-child(12){transform:translate(-50%)rotate(360deg)}.rotation-handle[data-v-d1808ddc]{background:var(--accent-blue);pointer-events:none;border-radius:50%;width:14px;height:14px;transition:background .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0003}.rotation-dial:hover .rotation-handle[data-v-d1808ddc]{background:var(--accent-blue-hover)}.rotation-value[data-v-d1808ddc]{color:var(--text-primary);pointer-events:none;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.mode-switch-row[data-v-d1808ddc]{background:#00000008;border-radius:8px;gap:4px;padding:3px;display:flex}.mode-switch-btn[data-v-d1808ddc]{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-d1808ddc]:hover{background:#00000005}.mode-switch-btn.active[data-v-d1808ddc]{background:var(--accent-blue);color:var(--navy)}.watermark-image-upload[data-v-d1808ddc]{border:2px dashed var(--border-color);border-radius:var(--radius-sm);text-align:center;cursor:pointer;margin-top:8px;padding:20px;transition:all .2s}.watermark-image-upload[data-v-d1808ddc]:hover{border-color:var(--accent-blue);background:var(--accent-blue-light)}.watermark-image-upload .watermark-image-preview[data-v-d1808ddc]{object-fit:contain;max-width:100%;max-height:120px}.watermark-image-upload .upload-placeholder[data-v-d1808ddc]{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;font-size:13px;display:flex}.watermark-tile-layer[data-v-d1808ddc]{pointer-events:none;z-index:5;flex-wrap:wrap;align-content:flex-start;width:200%;height:200%;display:flex;position:absolute;inset:-50%}.watermark-tile-item[data-v-d1808ddc]{white-space:nowrap;justify-content:center;align-items:center;font-weight:600;display:flex;position:absolute;transform:translate(-50%,-50%)}.watermark-tile-image[data-v-d1808ddc]{object-fit:contain;width:100%;height:auto}.color-row[data-v-d1808ddc]{align-items:center;gap:8px;display:flex}.color-presets[data-v-d1808ddc]{flex-wrap:wrap;flex:1;gap:4px;display:flex}.color-preset[data-v-d1808ddc]{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-d1808ddc]:hover{transform:scale(1.15)}.color-preset.active[data-v-d1808ddc]{border-color:var(--accent-blue);box-shadow:0 0 0 2px var(--accent-blue-light)}.preview-dialog .preview-image-wrap[data-v-d1808ddc]{text-align:center}.preview-dialog .preview-image-wrap.clickable[data-v-d1808ddc]{cursor:zoom-in}.preview-dialog .preview-image-wrap img[data-v-d1808ddc]{object-fit:contain;max-width:100%;max-height:70vh}.preview-dialog[data-v-d1808ddc]{z-index:9999}.lightbox-overlay[data-v-d1808ddc]{z-index:9999;cursor:zoom-out;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close[data-v-d1808ddc]{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:background .2s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close[data-v-d1808ddc]:hover{background:#ffffff4d}.lightbox-image[data-v-d1808ddc]{object-fit:contain;max-width:90vw;max-height:90vh}