.tool-page[data-v-6a378b7f]{padding-top:24px;padding-bottom:60px}.tool-header[data-v-6a378b7f]{margin-bottom:32px}.tool-header h1[data-v-6a378b7f]{color:var(--navy);margin-bottom:8px;font-size:28px;font-weight:800}.tool-header p[data-v-6a378b7f]{color:var(--text-muted);font-size:15px}.title-icon[data-v-6a378b7f]{color:#f97316;vertical-align:middle;margin-right:4px}.upload-section[data-v-6a378b7f] .el-upload{width:100%}.upload-section[data-v-6a378b7f] .el-upload-dragger{justify-content:center!important;align-items:center!important;height:360px!important;padding:0!important;display:flex!important}.upload-content[data-v-6a378b7f]{text-align:center;padding:40px 20px}.upload-icon[data-v-6a378b7f]{color:var(--duck-yellow);margin-bottom:16px}.upload-title[data-v-6a378b7f]{font-family:var(--font-display);color:var(--text-primary);margin-bottom:8px;font-size:16px;font-weight:600}.upload-hint[data-v-6a378b7f]{color:var(--text-muted);font-size:13px}.workspace-content[data-v-6a378b7f]{flex-direction:row-reverse;align-items:flex-start;gap:24px;width:100%;max-width:1200px;display:flex}.settings-panel[data-v-6a378b7f]{background:var(--card-bg);border-radius:var(--radius-md);width:300px;box-shadow:var(--card-shadow);flex-shrink:0;height:fit-content;padding:24px}.settings-panel h3[data-v-6a378b7f]{font-family:var(--font-display);color:var(--navy);margin-bottom:20px;font-size:15px;font-weight:700}.setting-section[data-v-6a378b7f]{margin-bottom:18px}.setting-section .section-label[data-v-6a378b7f]{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:600;display:block}[data-v-6a378b7f] .el-slider{margin-right:16px}[data-v-6a378b7f] .el-slider .el-slider__runway{height:6px}[data-v-6a378b7f] .el-slider .el-slider__bar{background:var(--accent-blue);border-radius:3px;height:6px}[data-v-6a378b7f] .el-slider .el-slider__button{border:2px solid var(--accent-blue);width:16px;height:16px;box-shadow:0 1px 4px #0000001a}[data-v-6a378b7f] .el-textarea__inner{font-family:var(--font-body);border-radius:var(--radius-sm);resize:none;font-size:14px}[data-v-6a378b7f] .el-textarea__inner:focus{box-shadow:0 0 0 2px var(--accent-blue-soft)}.color-row[data-v-6a378b7f]{align-items:center;gap:10px;display:flex}.color-value[data-v-6a378b7f]{font-family:var(--font-display);color:var(--text-secondary);font-size:13px;font-weight:600}[data-v-6a378b7f] .el-color-picker__trigger{border-radius:8px;width:32px;height:32px;padding:2px;box-shadow:0 1px 4px #0000001a}[data-v-6a378b7f] .el-color-picker__trigger:hover{border-color:var(--accent-blue)}.position-btns[data-v-6a378b7f]{gap:6px;display:flex}.position-btn[data-v-6a378b7f]{border:1.5px solid var(--border-color);font-family:var(--font-display);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:8px 4px;font-size:12px;font-weight:600;transition:all .2s}.position-btn[data-v-6a378b7f]:hover{border-color:var(--accent-blue);color:var(--accent-blue)}.position-btn.active[data-v-6a378b7f]{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.gif-info[data-v-6a378b7f]{background:var(--bg-warm);border-radius:var(--radius-sm);margin-bottom:16px;padding:12px}.info-row[data-v-6a378b7f]{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.info-row+.info-row[data-v-6a378b7f]{border-top:1px solid var(--border-color);margin-top:4px;padding-top:8px}.info-label[data-v-6a378b7f]{color:var(--text-muted);font-size:12px}.info-value[data-v-6a378b7f]{font-family:var(--font-display);color:var(--navy);font-size:13px;font-weight:600}.action-buttons[data-v-6a378b7f]{flex-direction:column;gap:8px;margin-top:20px;display:flex}.action-btn[data-v-6a378b7f]{box-sizing:border-box!important;width:100%!important;margin:0!important;display:flex!important}.preview-area-wrap[data-v-6a378b7f]{flex-direction:column;flex:1;align-items:center;gap:16px;min-width:0;display:flex}.preview-label-row[data-v-6a378b7f]{align-items:center;width:100%;max-width:560px;display:flex}.preview-tag[data-v-6a378b7f]{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-6a378b7f]{color:#f97316;background:#f973161a}@media (width<=768px){.tool-page[data-v-6a378b7f]{min-height:auto}.workspace-content[data-v-6a378b7f]{flex-direction:column;flex:none}.settings-panel[data-v-6a378b7f]{width:100%;position:static}.upload-section[data-v-6a378b7f] .el-upload-dragger{height:280px!important}}