.image-upload[data-v-6410771a]{width:100%}.upload-area[data-v-6410771a]{border:2px dashed #dee2e6;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:hsla(0,0%,100%,.5)}.upload-area[data-v-6410771a]:hover{border-color:#74b9ff;background:rgba(116,185,255,.05)}.upload-placeholder[data-v-6410771a]{color:#6c757d}.upload-icon[data-v-6410771a]{font-size:48px;margin-bottom:16px}.upload-placeholder h3[data-v-6410771a]{margin-bottom:8px;color:#495057}.size-limit[data-v-6410771a]{font-size:13px;color:#74b9ff!important;margin-top:8px;font-weight:500}.format-info[data-v-6410771a]{font-size:12px;color:#28a745!important;margin-top:4px;font-weight:500}.image-grid[data-v-6410771a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;align-items:start}.image-item[data-v-6410771a]{position:relative;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.image-item img[data-v-6410771a]{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;display:block}.remove-btn[data-v-6410771a]{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:hsla(0,0%,100%,.9);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#dc3545;transition:all .2s ease}.remove-btn[data-v-6410771a]:hover{background:#dc3545;color:#fff}.image-info-overlay[data-v-6410771a]{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);color:#fff;padding:4px 8px;font-size:12px;text-align:center}.image-size[data-v-6410771a]{font-weight:500}.add-more[data-v-6410771a]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;border:2px dashed #dee2e6;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#6c757d}.add-more[data-v-6410771a]:hover{border-color:#74b9ff;color:#74b9ff}.add-icon[data-v-6410771a]{font-size:24px;margin-bottom:4px}.image-info[data-v-6410771a]{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid #dee2e6}@media (max-width:768px){.image-grid[data-v-6410771a]{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.add-more[data-v-6410771a],.image-item img[data-v-6410771a]{height:100px}}.operation-input h3[data-v-49211a32]{margin-bottom:24px;color:#2c3e50;font-size:24px}.operation-input h4[data-v-49211a32]{margin-bottom:16px;color:#495057;font-size:18px;font-weight:600}.preset-operations[data-v-49211a32]{margin-bottom:32px}.preset-grid[data-v-49211a32]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.preset-btn[data-v-49211a32]{display:flex;align-items:center;padding:16px;border:2px solid #dee2e6;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;text-align:left}.preset-btn[data-v-49211a32]:hover{border-color:#74b9ff;box-shadow:0 4px 12px rgba(116,185,255,.15);transform:translateY(-2px)}.preset-btn.active[data-v-49211a32]{border-color:#74b9ff;background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff}.preset-icon[data-v-49211a32]{font-size:32px;margin-right:16px;flex-shrink:0}.preset-info[data-v-49211a32]{flex:1}.preset-name[data-v-49211a32]{font-size:16px;font-weight:600;margin-bottom:4px}.preset-desc[data-v-49211a32]{font-size:14px;opacity:.8}.custom-operation[data-v-49211a32]{margin-bottom:24px}.current-operation[data-v-49211a32]{padding:20px;background:rgba(116,185,255,.05);border-radius:12px;border:1px solid rgba(116,185,255,.2)}.operation-preview[data-v-49211a32]{margin-top:8px}.operation-type[data-v-49211a32]{display:inline-block;background:#74b9ff;color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;margin-bottom:8px}.operation-text[data-v-49211a32]{color:#495057;line-height:1.6;margin:0}@media (max-width:768px){.preset-grid[data-v-49211a32]{grid-template-columns:1fr;gap:12px}.preset-btn[data-v-49211a32]{padding:12px}.preset-icon[data-v-49211a32]{font-size:24px;margin-right:12px}}.result-display[data-v-72732230]{width:100%;text-align:center}.error-state[data-v-72732230],.loading-state[data-v-72732230],.success-state[data-v-72732230]{padding:40px 20px}.loading-animation[data-v-72732230]{margin-bottom:24px}.loading-state h3[data-v-72732230]{color:#74b9ff;margin-bottom:12px}.loading-state p[data-v-72732230]{color:#6c757d}.loading-tips[data-v-72732230]{margin-top:24px;padding:16px;background:rgba(116,185,255,.1);border-radius:8px;border:1px solid rgba(116,185,255,.2)}.loading-tips .tip[data-v-72732230]{margin:8px 0;font-size:14px;color:#495057}.error-state[data-v-72732230]{color:#dc3545}.error-icon[data-v-72732230]{font-size:48px;margin-bottom:16px}.error-message[data-v-72732230]{color:#6c757d;margin-bottom:24px;line-height:1.6}.success-state h3[data-v-72732230]{color:#28a745;margin-bottom:32px}.result-grid[data-v-72732230]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.result-item[data-v-72732230]{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1);transition:transform .3s ease}.result-item[data-v-72732230]:hover{transform:translateY(-4px)}.image-container[data-v-72732230]{position:relative;overflow:hidden}.image-container img[data-v-72732230]{width:100%;max-width:100%;height:auto;display:block;transition:transform .3s ease}.image-container:hover img[data-v-72732230]{transform:scale(1.05)}.image-overlay[data-v-72732230]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;gap:16px;opacity:0;transition:opacity .3s ease}.image-container:hover .image-overlay[data-v-72732230]{opacity:1}.overlay-btn[data-v-72732230]{background:hsla(0,0%,100%,.9);border:none;border-radius:8px;padding:12px 16px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease}.overlay-btn[data-v-72732230]:hover{background:#fff;transform:scale(1.05)}.image-caption[data-v-72732230]{padding:16px;margin:0;color:#495057;font-weight:600}.result-actions[data-v-72732230]{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.fullscreen-modal[data-v-72732230]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.fullscreen-content[data-v-72732230]{position:relative;max-width:90vw;max-height:90vh}.fullscreen-content img[data-v-72732230]{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 8px 32px rgba(0,0,0,.5)}.close-btn[data-v-72732230]{position:absolute;top:-40px;right:0;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:32px;height:32px;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}@media (max-width:768px){.result-grid[data-v-72732230]{grid-template-columns:1fr;gap:16px}.result-actions[data-v-72732230]{flex-direction:column;align-items:center}.result-actions .btn[data-v-72732230]{width:100%;max-width:200px}.fullscreen-modal[data-v-72732230]{padding:10px}.close-btn[data-v-72732230]{top:-30px;width:28px;height:28px;font-size:16px}}.history-panel[data-v-e2270d96]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 32px rgba(0,0,0,.1)}.history-header[data-v-e2270d96]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.history-header h3[data-v-e2270d96]{margin:0;color:#2c3e50}.history-stats[data-v-e2270d96]{display:flex;gap:12px;align-items:center}.stat[data-v-e2270d96]{font-size:14px;padding:4px 8px;border-radius:12px;background:#f8f9fa;color:#495057}.stat.success[data-v-e2270d96]{background:#d4edda;color:#155724}.stat.failed[data-v-e2270d96]{background:#f8d7da;color:#721c24}.btn-clear[data-v-e2270d96]{background:#dc3545;color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .3s ease}.btn-clear[data-v-e2270d96]:hover{background:#c82333}.empty-history[data-v-e2270d96]{text-align:center;padding:40px 20px;color:#6c757d}.empty-icon[data-v-e2270d96]{font-size:48px;margin-bottom:16px}.empty-tip[data-v-e2270d96]{font-size:14px;opacity:.8}.history-list[data-v-e2270d96]{max-height:400px;overflow-y:auto}.history-item[data-v-e2270d96]{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid #dee2e6;border-radius:8px;margin-bottom:12px;transition:all .3s ease}.history-item[data-v-e2270d96]:hover{box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.history-item.failed[data-v-e2270d96]{border-color:#f5c6cb;background:#f8f9fa}.history-content[data-v-e2270d96]{display:flex;align-items:center;gap:16px;flex:1}.history-info[data-v-e2270d96]{flex:1}.operation-text[data-v-e2270d96]{font-weight:500;color:#2c3e50;margin-bottom:6px;line-height:1.4}.history-meta[data-v-e2270d96]{display:flex;gap:12px;font-size:12px;color:#6c757d;align-items:center;flex-wrap:wrap}.status.success[data-v-e2270d96]{color:#28a745}.status.failed[data-v-e2270d96]{color:#dc3545}.result-preview[data-v-e2270d96]{position:relative;flex-shrink:0}.preview-image[data-v-e2270d96]{width:60px;height:60px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .3s ease}.preview-image[data-v-e2270d96]:hover{transform:scale(1.1)}.image-count[data-v-e2270d96]{position:absolute;bottom:-2px;right:-2px;background:#74b9ff;color:#fff;font-size:10px;padding:2px 4px;border-radius:8px;font-weight:600}.history-actions[data-v-e2270d96]{display:flex;gap:8px;flex-shrink:0}.action-btn[data-v-e2270d96]{background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;padding:6px 8px;cursor:pointer;transition:all .3s ease;font-size:14px}.action-btn[data-v-e2270d96]:hover{background:#e9ecef}.action-btn.delete[data-v-e2270d96]:hover{background:#dc3545;color:#fff;border-color:#dc3545}.modal-overlay[data-v-e2270d96]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-e2270d96]{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto}.modal-header[data-v-e2270d96]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 0;border-bottom:1px solid #dee2e6;margin-bottom:20px}.close-btn[data-v-e2270d96]{background:none;border:none;font-size:24px;cursor:pointer;color:#6c757d}.modal-body[data-v-e2270d96]{padding:0 24px 24px}.detail-section[data-v-e2270d96]{margin-bottom:20px}.detail-section h5[data-v-e2270d96]{margin-bottom:8px;color:#2c3e50;font-size:16px}.original-images[data-v-e2270d96]{display:grid;gap:8px}.img-info[data-v-e2270d96]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-radius:6px;font-size:14px}.size[data-v-e2270d96]{color:#6c757d;font-size:12px}.result-images[data-v-e2270d96]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.result-image[data-v-e2270d96]{width:100%;height:120px;-o-object-fit:cover;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .3s ease}.result-image[data-v-e2270d96]:hover{transform:scale(1.05)}@media (max-width:768px){.history-content[data-v-e2270d96],.history-header[data-v-e2270d96]{flex-direction:column;align-items:flex-start}.history-content[data-v-e2270d96]{gap:12px}.result-images[data-v-e2270d96]{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}.result-image[data-v-e2270d96]{height:80px}}.app-header{text-align:center;margin-bottom:40px;color:#fff}.app-header h1{font-size:2.5rem;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.app-header p{font-size:1.1rem;opacity:.9}.app-main{margin-bottom:40px}.app-main h2{color:#2c3e50;margin-bottom:20px;display:flex;align-items:center;gap:8px}.process-section{text-align:center;margin:32px 0}.process-btn{font-size:18px;padding:16px 32px;min-width:200px;position:relative}.btn-loading{pointer-events:none}.process-hint{margin-top:12px;color:#6c757d;font-style:italic}.result-section{animation:slideIn .5s ease-out}.app-footer{text-align:center;color:hsla(0,0%,100%,.8);font-size:14px;padding:20px;border-top:1px solid hsla(0,0%,100%,.2)}.notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:8px;color:#fff;font-weight:600;z-index:1000;animation:slideInRight .3s ease-out;max-width:400px;word-wrap:break-word}.notification.success{background:#28a745}.notification.error{background:#dc3545}.notification.warning{background:#ffc107;color:#212529}.notification.info{background:#17a2b8}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.app-header h1{font-size:2rem}.process-btn{font-size:16px;padding:14px 28px;min-width:180px}.notification{right:16px;left:16px;max-width:none}}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:24px;margin-bottom:24px;backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.2)}.btn{background:linear-gradient(135deg,#74b9ff,#0984e3);color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(116,185,255,.4)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#f8f9fa;color:#495057;border:1px solid #dee2e6}.btn-secondary:hover{background:#e9ecef;box-shadow:0 4px 20px rgba(0,0,0,.1)}.input{width:100%;padding:12px 16px;border:1px solid #dee2e6;border-radius:8px;font-size:16px;transition:border-color .3s ease}.input:focus{outline:none;border-color:#74b9ff;box-shadow:0 0 0 3px rgba(116,185,255,.1)}.textarea{min-height:120px;resize:vertical}.loading{display:inline-block;width:20px;height:20px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(1turn)}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:1fr 1fr}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.container{padding:16px}}