.image-pixelate[data-v-01fdb3c5]{max-width:1200px;margin:0 auto;padding:20px}.upload-section[data-v-01fdb3c5]{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:20px}.upload-box[data-v-01fdb3c5]{width:100%;border:2px dashed var(--border-2);border-radius:var(--radius-md);text-align:center;transition:all .3s ease;cursor:pointer;background:var(--surface-2)}.upload-box[data-v-01fdb3c5]:hover{border-color:var(--brand-500);background:var(--brand-50)}.file-input[data-v-01fdb3c5]{display:none}.upload-label[data-v-01fdb3c5]{display:block;padding:60px 80px;cursor:pointer}.upload-label .fa-th[data-v-01fdb3c5]{font-size:48px;color:var(--brand-500);margin-bottom:20px;display:block}.upload-label h3[data-v-01fdb3c5]{margin:0 0 10px 0;color:var(--text-1);font-size:20px}.upload-label p[data-v-01fdb3c5]{margin:5px 0;color:var(--text-2)}.upload-label .formats[data-v-01fdb3c5]{font-size:14px;color:var(--text-3);margin-top:10px}.upload-label .privacy[data-v-01fdb3c5]{margin-top:14px;font-size:12px;color:var(--success)}.upload-label .privacy i[data-v-01fdb3c5]{margin-right:4px}.error-tip[data-v-01fdb3c5]{margin-top:16px;padding:9px 14px;background:var(--danger-soft);border:1px solid #fbc4c4;border-radius:var(--radius-sm);color:var(--danger);font-size:13px}.error-tip i[data-v-01fdb3c5]{margin-right:4px}.edit-section[data-v-01fdb3c5]{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;max-width:1400px;margin:0 auto}.image-container[data-v-01fdb3c5]{display:grid;grid-template-columns:1fr 1fr;gap:30px}.image-panel[data-v-01fdb3c5]{background:var(--surface);border-radius:var(--radius-md);padding:25px;box-shadow:var(--shadow-2)}.image-panel h3[data-v-01fdb3c5]{margin:0 0 20px 0;color:var(--text-1);font-size:18px;text-align:center;padding-bottom:15px;border-bottom:1px solid var(--border-1)}.preview-image[data-v-01fdb3c5]{width:100%;height:auto;border-radius:var(--radius-md);display:block;box-shadow:var(--shadow-1);max-height:500px;-o-object-fit:contain;object-fit:contain}.pixel-view[data-v-01fdb3c5]{-ms-interpolation-mode:nearest-neighbor;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.panel-meta[data-v-01fdb3c5]{margin:12px 0 0;text-align:center;font-size:12px;color:var(--text-3)}.panel-meta .dot[data-v-01fdb3c5]{margin:0 5px}.controls-panel[data-v-01fdb3c5]{background:var(--surface);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-1);position:sticky;top:20px}.controls-panel h3[data-v-01fdb3c5]{margin:0 0 20px 0;color:var(--text-1);font-size:18px}.control-group[data-v-01fdb3c5]{margin-bottom:20px}.control-group>label[data-v-01fdb3c5]{display:block;margin-bottom:8px;color:var(--text-2);font-weight:500}.slider-container[data-v-01fdb3c5]{display:flex;align-items:center;gap:10px}.slider[data-v-01fdb3c5]{flex:1;-webkit-appearance:none;height:4px;border-radius:2px;background:var(--border-2);outline:none}.slider[data-v-01fdb3c5]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--brand-500);cursor:pointer}.slider[data-v-01fdb3c5]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--brand-500);cursor:pointer;border:none}.value[data-v-01fdb3c5]{min-width:52px;text-align:center;color:var(--text-2);font-size:14px}.hint[data-v-01fdb3c5]{margin:6px 0 0;font-size:12px;color:var(--text-3);line-height:1.7}.check-label[data-v-01fdb3c5]{display:flex;align-items:center;gap:8px;color:var(--text-2);font-weight:500;cursor:pointer}.check-label input[data-v-01fdb3c5]{margin:0}.grid-opts[data-v-01fdb3c5]{margin-top:12px;padding:12px;background:var(--surface-2);border-radius:var(--radius-sm)}.grid-opt[data-v-01fdb3c5]{display:flex;align-items:center;gap:10px}.grid-opt+.grid-opt[data-v-01fdb3c5]{margin-top:10px}.grid-opt-label[data-v-01fdb3c5]{flex-shrink:0;font-size:12px;color:var(--text-2);min-width:96px}.color-input[data-v-01fdb3c5]{width:52px;height:30px;padding:2px;cursor:pointer}.color-input[data-v-01fdb3c5],.select-input[data-v-01fdb3c5]{border:1px solid var(--border-1);border-radius:var(--radius-sm);background:var(--surface)}.select-input[data-v-01fdb3c5]{width:100%;box-sizing:border-box;padding:8px 10px;font-size:14px;color:var(--text-1);font-family:inherit}.select-input[data-v-01fdb3c5]:focus{outline:none;border-color:var(--brand-500)}.preset-filters[data-v-01fdb3c5]{margin-bottom:20px}.preset-filters h4[data-v-01fdb3c5]{margin:0 0 10px 0;color:var(--text-2);font-size:14px}.preset-buttons[data-v-01fdb3c5]{display:flex;flex-wrap:wrap;gap:8px}.preset-btn[data-v-01fdb3c5]{background:var(--surface-3);border:1px solid var(--border-1);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px;transition:all .3s}.preset-btn[data-v-01fdb3c5]:hover{background:var(--border-1)}.preset-btn.active[data-v-01fdb3c5]{background:var(--brand-500);color:var(--text-inverse);border-color:var(--brand-500)}.action-buttons[data-v-01fdb3c5]{display:flex;gap:10px;margin-top:20px}.change-btn[data-v-01fdb3c5],.download-btn[data-v-01fdb3c5],.reset-btn[data-v-01fdb3c5]{padding:12px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;font-family:inherit}.download-btn[data-v-01fdb3c5],.reset-btn[data-v-01fdb3c5]{flex:1}.reset-btn[data-v-01fdb3c5]{background:var(--surface-3);color:var(--text-2)}.reset-btn[data-v-01fdb3c5]:hover{background:var(--border-1)}.download-btn[data-v-01fdb3c5]{background:var(--brand-500);color:var(--text-inverse)}.download-btn[data-v-01fdb3c5]:hover:not(:disabled){background:var(--brand-600)}.download-btn[data-v-01fdb3c5]:disabled{background:var(--border-2);cursor:not-allowed}.change-btn[data-v-01fdb3c5]{width:100%;margin-top:10px;background:var(--surface);color:var(--text-2);border:1px solid var(--border-1)}.change-btn[data-v-01fdb3c5]:hover{border-color:var(--brand-500);color:var(--brand-500)}@media (max-width:768px){.edit-section[data-v-01fdb3c5],.image-container[data-v-01fdb3c5]{grid-template-columns:1fr;gap:20px}.image-panel[data-v-01fdb3c5]{padding:15px}.image-panel h3[data-v-01fdb3c5]{font-size:16px;margin-bottom:15px}.controls-panel[data-v-01fdb3c5]{position:static;padding:15px}.upload-label[data-v-01fdb3c5]{padding:40px 20px}.upload-label .fa-th[data-v-01fdb3c5]{font-size:40px}.upload-label h3[data-v-01fdb3c5]{font-size:18px}.preview-image[data-v-01fdb3c5]{max-height:300px}.image-pixelate[data-v-01fdb3c5]{padding:14px}.select-input[data-v-01fdb3c5]{font-size:16px}}@media (max-width:480px){.image-pixelate[data-v-01fdb3c5]{padding:10px}.upload-label[data-v-01fdb3c5]{padding:30px 15px}.preset-buttons[data-v-01fdb3c5]{flex-direction:column}.preset-btn[data-v-01fdb3c5]{text-align:center}.upload-section[data-v-01fdb3c5]{min-height:280px;padding:10px 0}.controls-panel[data-v-01fdb3c5],.image-panel[data-v-01fdb3c5]{padding:12px}.preview-image[data-v-01fdb3c5]{max-height:240px}.action-buttons[data-v-01fdb3c5]{flex-direction:column}.grid-opt[data-v-01fdb3c5]{flex-wrap:wrap}.grid-opt-label[data-v-01fdb3c5]{min-width:0;flex:1 1 100%}}