.app[data-v-d210b3a7]{min-height:100vh;display:flex;flex-direction:column}.app-header[data-v-d210b3a7]{background-color:#1976d2;color:#fff;padding:0 24px}.header-content[data-v-d210b3a7]{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:64px}.logo[data-v-d210b3a7]{font-size:20px;font-weight:600;margin:0}.nav[data-v-d210b3a7]{display:flex;gap:8px}.nav-link[data-v-d210b3a7]{color:#fffc;text-decoration:none;padding:8px 16px;border-radius:4px;transition:all .2s ease}.nav-link[data-v-d210b3a7]:hover{color:#fff;background-color:#ffffff1a}.nav-link.router-link-active[data-v-d210b3a7]{color:#fff;background-color:#fff3}.app-main[data-v-d210b3a7]{flex:1;padding:24px 0}.dropzone[data-v-6d924774]{border:2px dashed #ccc;border-radius:8px;padding:40px;text-align:center;cursor:pointer;transition:all .2s ease;background-color:#fafafa}.dropzone[data-v-6d924774]:hover,.dropzone.drag-over[data-v-6d924774]{border-color:#2196f3;background-color:#e3f2fd}.dropzone.has-file[data-v-6d924774]{border-color:#4caf50;background-color:#e8f5e9}.placeholder[data-v-6d924774]{color:#666}.upload-icon[data-v-6d924774]{font-size:48px;margin-bottom:16px}.text[data-v-6d924774]{font-size:16px;margin-bottom:8px}.hint[data-v-6d924774]{font-size:12px;color:#999}.file-info[data-v-6d924774]{display:flex;align-items:center;justify-content:center;gap:16px}.file-icon[data-v-6d924774]{font-size:48px}.file-details[data-v-6d924774]{text-align:left}.file-name[data-v-6d924774]{font-size:16px;font-weight:500;color:#333;word-break:break-all}.file-size[data-v-6d924774]{font-size:14px;color:#666;margin-top:4px}.upload-progress[data-v-783e2907]{padding:16px;background-color:#fff;border-radius:8px;border:1px solid #e0e0e0}.progress-header[data-v-783e2907]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.status-text[data-v-783e2907]{font-size:14px;font-weight:500}.status-progress[data-v-783e2907]{color:#2196f3}.status-success[data-v-783e2907]{color:#4caf50}.status-error[data-v-783e2907]{color:#f44336}.status-cancelled[data-v-783e2907]{color:#ff9800}.cancel-btn[data-v-783e2907]{padding:4px 12px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.cancel-btn[data-v-783e2907]:hover{background-color:#d32f2f}.progress-bar-container[data-v-783e2907]{height:8px;background-color:#e0e0e0;border-radius:4px;overflow:hidden}.progress-bar[data-v-783e2907]{height:100%;background-color:#2196f3;transition:width .3s ease}.progress-details[data-v-783e2907]{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#666}.token-settings[data-v-6c63eaff]{margin-bottom:24px}.toggle-btn[data-v-6c63eaff]{padding:8px 16px;background-color:#607d8b;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.toggle-btn[data-v-6c63eaff]:hover{background-color:#546e7a}.settings-panel[data-v-6c63eaff]{margin-top:16px;padding:16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px}.section-header[data-v-6c63eaff]{font-size:14px;font-weight:600;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.divider[data-v-6c63eaff]{border:none;border-top:1px solid #e0e0e0;margin:20px 0}.setting-group[data-v-6c63eaff]{margin-bottom:16px}.setting-group[data-v-6c63eaff]:last-child{margin-bottom:0}.setting-group label[data-v-6c63eaff]{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#666;margin-bottom:4px}.setting-group input[type=text][data-v-6c63eaff],.setting-group input[type=password][data-v-6c63eaff]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:monospace}.button-row[data-v-6c63eaff]{display:flex;gap:8px}.get-token-btn[data-v-6c63eaff]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.get-token-btn[data-v-6c63eaff]:hover:not(:disabled){background-color:#43a047}.get-token-btn[data-v-6c63eaff]:disabled{background-color:#9e9e9e;cursor:not-allowed}.clear-btn[data-v-6c63eaff]{padding:10px 20px;background-color:#ff9800;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.clear-btn[data-v-6c63eaff]:hover{background-color:#f57c00}.error-message[data-v-6c63eaff]{margin-top:8px;padding:8px;background-color:#ffebee;color:#c62828;border-radius:4px;font-size:12px}.scopes[data-v-6c63eaff]{display:flex;gap:16px;flex-wrap:wrap}.scope-checkbox[data-v-6c63eaff]{display:flex;align-items:center;gap:4px;font-size:14px;cursor:pointer}.scope-checkbox input[data-v-6c63eaff]{cursor:pointer}.token-display[data-v-6c63eaff]{display:flex;gap:8px;align-items:center}.token-display code[data-v-6c63eaff]{flex:1;padding:8px;background-color:#f5f5f5;border-radius:4px;font-size:12px;overflow:hidden;text-overflow:ellipsis}.token-display code.no-token[data-v-6c63eaff]{color:#999;font-style:italic}.token-display button[data-v-6c63eaff]{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.upload-view[data-v-9ee54735]{max-width:600px;margin:0 auto;padding:24px}h1[data-v-9ee54735]{margin-bottom:24px;color:#333}.upload-form[data-v-9ee54735]{display:flex;flex-direction:column;gap:24px}.upload-options[data-v-9ee54735]{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px}.option-group[data-v-9ee54735]{display:flex;flex-direction:column;gap:4px}.option-group label[data-v-9ee54735]{font-size:12px;font-weight:500;color:#666}.option-group select[data-v-9ee54735]{padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.checkbox-group[data-v-9ee54735]{flex-direction:row}.checkbox-label[data-v-9ee54735]{display:flex;align-items:center;gap:8px;font-size:14px;color:#333;cursor:pointer}.checkbox-label input[type=checkbox][data-v-9ee54735]{width:16px;height:16px;cursor:pointer}.upload-btn[data-v-9ee54735]{padding:12px 24px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500}.upload-btn[data-v-9ee54735]:hover{background-color:#1976d2}.upload-complete[data-v-9ee54735]{text-align:center;padding:24px;background-color:#e8f5e9;border-radius:8px}.upload-complete p[data-v-9ee54735]{color:#4caf50;font-size:18px;font-weight:500;margin-bottom:16px}.complete-actions[data-v-9ee54735]{display:flex;gap:16px;justify-content:center}.complete-actions button[data-v-9ee54735]{padding:8px 16px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer}.gallery-link[data-v-9ee54735]{padding:8px 16px;background-color:#4caf50;color:#fff;text-decoration:none;border-radius:4px}.media-card[data-v-6f32fc0c]{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .2s ease}.media-card[data-v-6f32fc0c]:hover{box-shadow:0 4px 12px #0000001a}.thumbnail[data-v-6f32fc0c]{aspect-ratio:1;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.thumbnail img[data-v-6f32fc0c]{width:100%;height:100%;object-fit:cover}.placeholder[data-v-6f32fc0c]{color:#999;font-size:14px}.info[data-v-6f32fc0c]{padding:12px}.filename[data-v-6f32fc0c]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.meta[data-v-6f32fc0c]{font-size:12px;color:#666;display:flex;gap:8px;margin-bottom:8px}.status[data-v-6f32fc0c]{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.status-ready[data-v-6f32fc0c]{background-color:#e8f5e9;color:#4caf50}.status-processing[data-v-6f32fc0c]{background-color:#fff3e0;color:#ff9800}.status-uploading[data-v-6f32fc0c]{background-color:#e3f2fd;color:#2196f3}.status-failed[data-v-6f32fc0c]{background-color:#ffebee;color:#f44336}.media-grid[data-v-bb8cea8b]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.empty-state[data-v-bb8cea8b]{text-align:center;padding:48px;color:#666}.empty-state p[data-v-bb8cea8b]{margin-bottom:16px}.upload-link[data-v-bb8cea8b]{display:inline-block;padding:8px 16px;background-color:#2196f3;color:#fff;text-decoration:none;border-radius:4px}.upload-link[data-v-bb8cea8b]:hover{background-color:#1976d2}.variant-viewer-overlay[data-v-568adc9e]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.variant-viewer[data-v-568adc9e]{background-color:#fff;border-radius:8px;max-width:1200px;max-height:90vh;width:100%;overflow:auto}.header[data-v-568adc9e]{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e0e0e0}.header h2[data-v-568adc9e]{font-size:18px;margin:0;word-break:break-all}.close-btn[data-v-568adc9e]{width:32px;height:32px;border:none;background-color:#f5f5f5;border-radius:4px;cursor:pointer;font-size:16px}.close-btn[data-v-568adc9e]:hover{background-color:#e0e0e0}.info-bar[data-v-568adc9e]{display:flex;gap:16px;align-items:center;padding:12px 24px;background-color:#f5f5f5;font-size:14px;color:#666;flex-wrap:wrap}.status[data-v-568adc9e]{padding:2px 8px;border-radius:4px;font-weight:500}.status-ready[data-v-568adc9e]{background-color:#e8f5e9;color:#4caf50}.status-processing[data-v-568adc9e]{background-color:#fff3e0;color:#ff9800}.status-failed[data-v-568adc9e]{background-color:#ffebee;color:#f44336}.refresh-btn[data-v-568adc9e]{padding:4px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-left:auto}.refresh-btn[data-v-568adc9e]:disabled{background-color:#ccc;cursor:not-allowed}.variants-grid[data-v-568adc9e]{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:24px}@media (max-width: 1024px){.variants-grid[data-v-568adc9e]{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.variants-grid[data-v-568adc9e]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.variants-grid[data-v-568adc9e]{grid-template-columns:1fr}}.variant-item[data-v-568adc9e]{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden}.variant-name[data-v-568adc9e]{padding:8px 12px;background-color:#f5f5f5;font-size:14px;font-weight:500;text-transform:capitalize}.variant-image[data-v-568adc9e]{aspect-ratio:16/9;background-color:#fafafa;display:flex;align-items:center;justify-content:center}.variant-image img[data-v-568adc9e]{max-width:100%;max-height:100%;object-fit:contain}.variant-image .loading[data-v-568adc9e],.variant-image .error[data-v-568adc9e]{color:#999;font-size:14px}.variant-image .error[data-v-568adc9e]{color:#f44336}.processing-message[data-v-568adc9e],.error-message[data-v-568adc9e]{padding:48px 24px;text-align:center;color:#666}.error-message[data-v-568adc9e]{color:#f44336}.gallery-view[data-v-edea1c38]{max-width:1200px;margin:0 auto;padding:24px}.header[data-v-edea1c38]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1[data-v-edea1c38]{color:#333;margin:0}.clear-btn[data-v-edea1c38]{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.clear-btn[data-v-edea1c38]:hover{background-color:#d32f2f}