.api-key-input[data-v-660f4351]{width:100%;max-width:600px;margin:0 auto}.input-header[data-v-660f4351]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}label[data-v-660f4351]{font-weight:600;font-size:14px;color:#333}.privacy-note[data-v-660f4351]{font-size:12px;color:#666;font-style:italic}.input-wrapper[data-v-660f4351]{display:flex;gap:8px;position:relative}.api-key-field[data-v-660f4351]{flex:1;padding:12px 80px 12px 12px;border:2px solid #ddd;border-radius:8px;font-size:14px;font-family:Courier New,monospace;transition:border-color .2s}.api-key-field[data-v-660f4351]:focus{outline:none;border-color:#4caf50}.api-key-field.has-error[data-v-660f4351]{border-color:#f44336}.toggle-visibility[data-v-660f4351],.clear-button[data-v-660f4351]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:18px;padding:4px 8px;opacity:.6;transition:opacity .2s}.toggle-visibility[data-v-660f4351]:hover,.clear-button[data-v-660f4351]:hover{opacity:1}.toggle-visibility[data-v-660f4351]{right:48px}.clear-button[data-v-660f4351]{right:12px;font-size:20px}.error-message[data-v-660f4351]{margin-top:8px;color:#f44336;font-size:13px}.success-message[data-v-660f4351]{margin-top:8px;color:#4caf50;font-size:13px;font-weight:500}.help-text[data-v-660f4351]{margin-top:12px;font-size:13px;color:#666}.help-text a[data-v-660f4351]{color:#2196f3;text-decoration:none}.help-text a[data-v-660f4351]:hover{text-decoration:underline}@media (max-width: 768px){.input-header[data-v-660f4351]{flex-direction:column;align-items:flex-start;gap:4px}.privacy-note[data-v-660f4351]{font-size:11px}}.error-display[data-v-2bb48add]{display:flex;gap:16px;padding:16px;border-radius:8px;margin:16px 0;animation:slideIn-2bb48add .3s ease-out}@keyframes slideIn-2bb48add{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.severity-error[data-v-2bb48add]{background:#ffebee;border:1px solid #ef5350}.severity-warning[data-v-2bb48add]{background:#fff3e0;border:1px solid #ff9800}.severity-info[data-v-2bb48add]{background:#e3f2fd;border:1px solid #2196F3}.error-icon[data-v-2bb48add]{font-size:24px;flex-shrink:0}.error-content[data-v-2bb48add]{flex:1}.error-title[data-v-2bb48add]{margin:0 0 8px;font-size:16px;font-weight:600;color:#333}.error-message[data-v-2bb48add]{margin:0 0 8px;font-size:14px;color:#555;line-height:1.5}.error-details[data-v-2bb48add]{margin:8px 0;padding:8px;background:#0000000d;border-radius:4px;font-size:12px;color:#666;font-family:Courier New,monospace}.error-actions[data-v-2bb48add]{display:flex;gap:8px;margin-top:12px}.retry-button[data-v-2bb48add],.dismiss-button[data-v-2bb48add]{padding:8px 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s}.retry-button[data-v-2bb48add]{background:#4caf50;color:#fff}.retry-button[data-v-2bb48add]:hover{background:#45a049}.dismiss-button[data-v-2bb48add]{background:#f5f5f5;color:#333;border:1px solid #ddd}.dismiss-button[data-v-2bb48add]:hover{background:#e0e0e0}@media (max-width: 768px){.error-display[data-v-2bb48add]{flex-direction:column;gap:12px}.error-icon[data-v-2bb48add]{font-size:20px}.error-actions[data-v-2bb48add]{flex-direction:column}.retry-button[data-v-2bb48add],.dismiss-button[data-v-2bb48add]{width:100%}}.image-upload[data-v-2c7cf166]{width:100%;max-width:600px;margin:0 auto}.upload-zone[data-v-2c7cf166]{position:relative;width:100%;min-height:300px;border:3px dashed #ddd;border-radius:12px;background:#fafafa;cursor:pointer;transition:all .3s ease;overflow:hidden}.upload-zone[data-v-2c7cf166]:hover:not(.is-processing){border-color:#667eea;background:#f5f7ff}.upload-zone.is-dragging[data-v-2c7cf166]{border-color:#667eea;background:#e8ebff;transform:scale(1.02)}.upload-zone.has-image[data-v-2c7cf166]{border:2px solid #4CAF50;cursor:default}.upload-zone.is-processing[data-v-2c7cf166]{border-color:#ff9800;cursor:wait}.file-input[data-v-2c7cf166]{display:none}.empty-state[data-v-2c7cf166]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.upload-icon[data-v-2c7cf166]{font-size:64px;margin-bottom:16px}.empty-state h3[data-v-2c7cf166]{margin:0 0 8px;font-size:20px;color:#333}.empty-state p[data-v-2c7cf166]{margin:0 0 16px;font-size:14px;color:#666}.format-hint[data-v-2c7cf166]{font-size:12px;color:#999;padding:8px 16px;background:#fff;border-radius:16px}.processing-state[data-v-2c7cf166]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px}.spinner[data-v-2c7cf166]{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin-2c7cf166 1s linear infinite;margin-bottom:16px}@keyframes spin-2c7cf166{to{transform:rotate(360deg)}}.processing-state p[data-v-2c7cf166]{margin:0 0 8px;font-size:16px;font-weight:500;color:#333}.processing-hint[data-v-2c7cf166]{font-size:13px;color:#666}.preview-state[data-v-2c7cf166]{position:relative;width:100%;height:100%;min-height:300px}.preview-image[data-v-2c7cf166]{width:100%;height:100%;object-fit:contain;display:block}.preview-overlay[data-v-2c7cf166]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.preview-state:hover .preview-overlay[data-v-2c7cf166]{opacity:1}.replace-button[data-v-2c7cf166]{padding:12px 24px;font-size:14px;font-weight:600;color:#fff;background:#667eea;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.replace-button[data-v-2c7cf166]:hover{background:#5568d3;transform:scale(1.05)}.preview-info[data-v-2c7cf166]{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:16px}.preview-label[data-v-2c7cf166]{color:#fff;font-size:13px;font-weight:500}@media (max-width: 768px){.upload-zone[data-v-2c7cf166]{min-height:250px}.upload-icon[data-v-2c7cf166]{font-size:48px}.empty-state h3[data-v-2c7cf166]{font-size:18px}.preview-state[data-v-2c7cf166]{min-height:250px}}.mutate-button[data-v-8dd10cbe]{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;min-width:200px}.mutate-button[data-v-8dd10cbe]:hover:not(.is-disabled):not(.is-loading){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.mutate-button[data-v-8dd10cbe]:active:not(.is-disabled):not(.is-loading){transform:translateY(0)}.mutate-button.is-disabled[data-v-8dd10cbe]{opacity:.5;cursor:not-allowed;background:#ccc;box-shadow:none}.mutate-button.is-loading[data-v-8dd10cbe]{cursor:wait;opacity:.8}.loading-spinner[data-v-8dd10cbe]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-8dd10cbe .8s linear infinite}@keyframes spin-8dd10cbe{to{transform:rotate(360deg)}}.button-text[data-v-8dd10cbe]{white-space:nowrap}@media (max-width: 768px){.mutate-button[data-v-8dd10cbe]{width:100%;padding:14px 24px;font-size:15px}}.iteration-thumbnail[data-v-8679af94]{display:flex;flex-direction:column;width:180px;flex-shrink:0;border:2px solid #ddd;border-radius:8px;overflow:hidden;background:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.iteration-thumbnail[data-v-8679af94]:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026;border-color:#667eea}.iteration-thumbnail.is-selected[data-v-8679af94]{border-color:#667eea;box-shadow:0 4px 16px #667eea66}.iteration-thumbnail.is-original[data-v-8679af94]{border-color:#4caf50}.iteration-thumbnail.is-original[data-v-8679af94]:hover{border-color:#45a049}.thumbnail-image-wrapper[data-v-8679af94]{position:relative;width:100%;padding-bottom:100%;overflow:hidden;background:#f5f5f5}.thumbnail-image[data-v-8679af94]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.original-badge[data-v-8679af94]{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;box-shadow:0 2px 4px #0003}.thumbnail-label[data-v-8679af94]{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-top:1px solid #eee}.label-text[data-v-8679af94]{font-size:13px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.label-id[data-v-8679af94]{font-size:12px;color:#666;font-weight:600;background:#f5f5f5;padding:2px 6px;border-radius:4px;margin-left:8px}.thumbnail-timestamp[data-v-8679af94]{padding:4px 12px 8px;font-size:11px;color:#999;text-align:center}@media (max-width: 768px){.iteration-thumbnail[data-v-8679af94]{width:140px}.label-text[data-v-8679af94]{font-size:12px}.label-id[data-v-8679af94]{font-size:11px}}@media (max-width: 480px){.iteration-thumbnail[data-v-8679af94]{width:120px}.thumbnail-label[data-v-8679af94]{padding:6px 8px}.label-text[data-v-8679af94]{font-size:11px}}.iteration-filmstrip[data-v-82fda5a6]{width:100%;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.filmstrip-header[data-v-82fda5a6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.filmstrip-header h2[data-v-82fda5a6]{margin:0;font-size:20px;color:#333}.iteration-count[data-v-82fda5a6]{font-size:14px;color:#666;background:#f5f5f5;padding:4px 12px;border-radius:16px}.empty-state[data-v-82fda5a6]{text-align:center;padding:48px 24px;color:#999}.empty-icon[data-v-82fda5a6]{font-size:48px;margin-bottom:16px}.filmstrip-scroll-container[data-v-82fda5a6]{width:100%}.filmstrip-track[data-v-82fda5a6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding:8px 0}@media (max-width: 768px){.iteration-filmstrip[data-v-82fda5a6]{padding:16px}.filmstrip-header h2[data-v-82fda5a6]{font-size:18px}.iteration-count[data-v-82fda5a6]{font-size:12px}.filmstrip-track[data-v-82fda5a6]{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}}@media (max-width: 480px){.filmstrip-track[data-v-82fda5a6]{grid-template-columns:repeat(2,1fr);gap:12px}}.app-container[data-v-b4eb0f22]{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.app-header[data-v-b4eb0f22]{text-align:center;padding:32px 24px 24px;background:#fff;box-shadow:0 2px 8px #0000001a}.app-header h1[data-v-b4eb0f22]{margin:0 0 8px;font-size:36px;color:#333;font-weight:700}.app-subtitle[data-v-b4eb0f22]{margin:0;font-size:16px;color:#666}.disclaimer[data-v-b4eb0f22]{display:flex;gap:12px;align-items:flex-start;max-width:900px;margin:24px auto;padding:16px 20px;background:#fff3cd;border:2px solid #ffc107;border-radius:8px}.disclaimer-icon[data-v-b4eb0f22]{font-size:24px;flex-shrink:0}.disclaimer-content[data-v-b4eb0f22]{font-size:14px;line-height:1.6;color:#856404}.disclaimer-content strong[data-v-b4eb0f22]{font-weight:600}.app-main[data-v-b4eb0f22]{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:24px}.section[data-v-b4eb0f22]{margin-bottom:32px}.controls-section[data-v-b4eb0f22]{text-align:center}.controls-row[data-v-b4eb0f22]{display:flex;justify-content:center;align-items:center;gap:16px;margin-bottom:16px}.batch-button[data-v-b4eb0f22]{padding:16px 28px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#2d9cdb,#2f80ed);border:none;border-radius:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px #2d9cdb59}.batch-button[data-v-b4eb0f22]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #2d9cdb80}.batch-button[data-v-b4eb0f22]:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.batch-status[data-v-b4eb0f22]{margin:8px 0 0;font-weight:600;color:#2f80ed}.reset-button[data-v-b4eb0f22]{padding:16px 32px;font-size:16px;font-weight:600;color:#666;background:#fff;border:2px solid #ddd;border-radius:8px;cursor:pointer;transition:all .2s}.reset-button[data-v-b4eb0f22]:hover:not(:disabled){background:#f5f5f5;border-color:#999;color:#333}.reset-button[data-v-b4eb0f22]:disabled{opacity:.5;cursor:not-allowed}.mutation-hint[data-v-b4eb0f22]{font-size:14px;color:#666;padding:12px;border-radius:6px;background:#f5f5f5}.mutation-hint.error-hint[data-v-b4eb0f22]{background:#ffebee;color:#d32f2f}.filmstrip-section[data-v-b4eb0f22]{margin-top:48px}.stats-section[data-v-b4eb0f22]{margin-top:24px}.stats-card[data-v-b4eb0f22]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.stat-item[data-v-b4eb0f22]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;background:#f5f5f5;border-radius:8px}.stat-label[data-v-b4eb0f22]{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value[data-v-b4eb0f22]{font-size:24px;font-weight:700;color:#333}.app-footer[data-v-b4eb0f22]{text-align:center;padding:24px;background:#fff;border-top:1px solid #eee;margin-top:auto}.app-footer p[data-v-b4eb0f22]{margin:8px 0;font-size:13px;color:#666}.app-footer a[data-v-b4eb0f22]{color:#667eea;text-decoration:none}.app-footer a[data-v-b4eb0f22]:hover{text-decoration:underline}.footer-note[data-v-b4eb0f22]{font-size:12px;color:#999;font-style:italic}@media (max-width: 768px){.app-header h1[data-v-b4eb0f22]{font-size:28px}.app-subtitle[data-v-b4eb0f22]{font-size:14px}.disclaimer[data-v-b4eb0f22]{flex-direction:column;margin:16px}.app-main[data-v-b4eb0f22]{padding:16px}.controls-row[data-v-b4eb0f22]{flex-direction:column;width:100%}.reset-button[data-v-b4eb0f22]{width:100%}.stats-card[data-v-b4eb0f22]{grid-template-columns:1fr 1fr;gap:12px;padding:16px}.stat-item[data-v-b4eb0f22]{padding:12px}.stat-value[data-v-b4eb0f22]{font-size:20px}}@media (max-width: 480px){.stats-card[data-v-b4eb0f22]{grid-template-columns:1fr}}