.pixel-tool[data-v-825335eb]{z-index:1;max-width:800px;margin:0 auto;padding:32px 24px 80px;position:relative}.page-header[data-v-825335eb]{text-align:center;margin-bottom:28px}.page-header h1[data-v-825335eb]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-825335eb]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.upload-section[data-v-825335eb]{margin-bottom:24px}.upload-area[data-v-825335eb]{width:100%}.upload-area[data-v-825335eb] .el-upload-dragger{background:var(--vt-bg-card);border:2px dashed var(--vt-border);border-radius:16px;justify-content:center;align-items:center;min-height:180px;padding:40px 24px;transition:all .3s;display:flex}.upload-area[data-v-825335eb] .el-upload-dragger:hover{border-color:var(--vt-primary);background:var(--vt-primary-light)}.upload-placeholder[data-v-825335eb]{text-align:center;color:var(--vt-text-muted)}.upload-placeholder p[data-v-825335eb]{margin:12px 0 8px;font-size:15px}.upload-hint[data-v-825335eb]{font-size:12px}.preview-img[data-v-825335eb]{object-fit:contain;border-radius:12px;max-width:100%;max-height:280px}.preview-actions[data-v-825335eb]{margin-top:12px}.control-section[data-v-825335eb]{background:var(--vt-bg-card);border:1px solid var(--vt-border);border-radius:14px;margin-bottom:24px;padding:24px;transition:background .3s}.control-row[data-v-825335eb]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.label[data-v-825335eb]{color:var(--vt-text-secondary);white-space:nowrap;font-size:14px}.preset-btns[data-v-825335eb]{gap:4px;display:flex}.preset-btn[data-v-825335eb]{border:1px solid var(--vt-border);background:var(--vt-bg-card);color:var(--vt-text-secondary);cursor:pointer;border-radius:6px;padding:6px 14px;font-size:13px;transition:all .2s}.preset-btn.active[data-v-825335eb]{border-color:var(--vt-primary);color:var(--vt-primary);background:var(--vt-primary-light);font-weight:600}.preset-btn[data-v-825335eb]:hover{border-color:var(--vt-primary)}.output-section[data-v-825335eb]{margin-top:24px}.output-section h3[data-v-825335eb]{color:var(--vt-text);margin:0 0 16px;font-size:16px;font-weight:600}.output-preview[data-v-825335eb]{background:var(--vt-bg-card);border:1px solid var(--vt-border);text-align:center;border-radius:14px;padding:24px;box-shadow:0 4px 24px #667eea14}.output-preview img[data-v-825335eb]{max-width:100%;image-rendering:pixelated;image-rendering:crisp-edges}.output-actions[data-v-825335eb]{justify-content:center;gap:10px;margin-top:16px;display:flex}@media (width<=768px){.pixel-tool[data-v-825335eb]{padding:24px 16px 60px}.control-row[data-v-825335eb]{flex-direction:column;align-items:flex-start}}