.tool-page[data-v-f9a88c59]{padding-top:24px;padding-bottom:60px}.tool-header[data-v-f9a88c59]{margin-bottom:32px}.tool-header h1[data-v-f9a88c59]{color:var(--navy);margin-bottom:8px;font-size:28px;font-weight:800}.tool-header p[data-v-f9a88c59]{color:var(--text-muted);font-size:15px}.title-icon[data-v-f9a88c59]{color:#06b6d4;vertical-align:middle;margin-right:4px}.upload-section[data-v-f9a88c59] .el-upload{width:100%}.upload-section[data-v-f9a88c59] .el-upload-dragger{justify-content:center!important;align-items:center!important;height:360px!important;padding:0!important;display:flex!important}.upload-content[data-v-f9a88c59]{text-align:center;padding:40px}.upload-icon[data-v-f9a88c59]{color:var(--duck-yellow);margin-bottom:16px}.upload-title[data-v-f9a88c59]{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-f9a88c59]{color:var(--text-muted);margin-bottom:16px;font-size:13px}.workspace-content[data-v-f9a88c59]{flex-direction:row-reverse;align-items:flex-start;gap:24px;width:100%;max-width:1200px;display:flex}.settings-panel[data-v-f9a88c59]{background:var(--card-bg);border-radius:var(--radius-md);width:280px;box-shadow:var(--card-shadow);flex-shrink:0;height:fit-content;padding:24px}.settings-panel h3[data-v-f9a88c59]{font-family:var(--font-display);color:var(--navy);margin-bottom:12px;font-size:15px;font-weight:700}.mode-tabs[data-v-f9a88c59]{background:#00000008;border-radius:10px;gap:4px;margin-bottom:16px;padding:4px;display:flex}.mode-tab[data-v-f9a88c59]{font-family:var(--font-display);cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.mode-tab[data-v-f9a88c59]:hover{background:#00000005}.mode-tab.active[data-v-f9a88c59]{background:var(--accent-blue);color:var(--navy)}.mode-desc[data-v-f9a88c59]{margin-bottom:20px}.mode-desc p[data-v-f9a88c59]{color:var(--text-muted);font-size:13px;line-height:1.6}.info-grid[data-v-f9a88c59]{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.info-item[data-v-f9a88c59]{background:#00000005;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.info-label[data-v-f9a88c59]{color:var(--text-muted);font-size:12px}.info-value[data-v-f9a88c59]{font-family:var(--font-display);color:var(--duck-yellow-dark);font-size:13px;font-weight:600}.action-buttons[data-v-f9a88c59]{flex-direction:column;gap:8px;margin-top:24px;display:flex}.action-btn[data-v-f9a88c59]{box-sizing:border-box!important;width:100%!important;margin:0!important;display:flex!important}.preview-area-wrap[data-v-f9a88c59]{flex-direction:column;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.preview-label-row[data-v-f9a88c59]{align-items:center;width:100%;max-width:560px;display:flex}.preview-tag[data-v-f9a88c59]{font-family:var(--font-display);color:var(--text-secondary);background:#0000000a;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:700}.result-tag[data-v-f9a88c59]{color:#06b6d4;background:#06b6d41a}@media (width<=768px){.tool-page[data-v-f9a88c59]{min-height:auto}.workspace-content[data-v-f9a88c59]{flex-direction:column;flex:none}.settings-panel[data-v-f9a88c59]{width:100%;position:static}}