.genre-maps[data-v-f14b7499]{padding:var(--space-lg) 0;min-height:calc(100vh - 80px)}.page-header[data-v-f14b7499]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);gap:var(--space-lg)}.header-actions[data-v-f14b7499]{display:flex;gap:var(--space-sm)}.alert[data-v-f14b7499]{padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.alert-success[data-v-f14b7499]{background-color:var(--color-success-light);color:var(--color-success-dark);border:1px solid var(--color-success)}.alert-error[data-v-f14b7499]{background-color:var(--color-error-light);color:var(--color-error-dark);border:1px solid var(--color-error)}.mapping-stats[data-v-f14b7499]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card[data-v-f14b7499]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stat-value[data-v-f14b7499]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary)}.stat-label[data-v-f14b7499]{color:var(--color-text-secondary);margin-top:var(--space-xs)}.saved-mappings-section[data-v-f14b7499]{margin-bottom:var(--space-xl)}.saved-mappings-section h3[data-v-f14b7499]{margin-bottom:var(--space-md)}.saved-mappings-grid[data-v-f14b7499]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-md)}.saved-mapping-card[data-v-f14b7499]{background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-md);cursor:pointer;transition:all var(--transition-base)}.saved-mapping-card[data-v-f14b7499]:hover{border-color:var(--color-primary);transform:translateY(-2px)}.saved-mapping-card.active[data-v-f14b7499]{border-color:var(--color-primary);background-color:var(--color-primary-light)}.saved-mapping-card.new-mapping[data-v-f14b7499]{display:flex;flex-direction:column;align-items:center;justify-content:center;border-style:dashed;min-height:120px}.new-mapping-icon[data-v-f14b7499]{font-size:var(--text-2xl);margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.mapping-card-header[data-v-f14b7499]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.mapping-card-header h4[data-v-f14b7499]{margin:0;font-size:var(--text-base)}.mapping-card-stats[data-v-f14b7499]{margin-bottom:var(--space-md);color:var(--color-text-secondary);font-size:var(--text-sm)}.mapping-card-actions[data-v-f14b7499]{display:flex;gap:var(--space-xs)}.mapping-config[data-v-f14b7499]{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.mapping-config h3[data-v-f14b7499]{margin-bottom:var(--space-md)}.config-grid[data-v-f14b7499]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.config-field[data-v-f14b7499]{display:flex;flex-direction:column;gap:var(--space-xs)}.config-field label[data-v-f14b7499]{font-weight:var(--font-medium);color:var(--color-text-secondary);font-size:var(--text-sm)}.config-options[data-v-f14b7499]{grid-column:1 / -1;display:flex;gap:var(--space-lg);margin-top:var(--space-md)}.mapping-controls[data-v-f14b7499]{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.control-group[data-v-f14b7499]{display:flex;flex-direction:column;gap:var(--space-xs)}.control-group label[data-v-f14b7499]{font-weight:var(--font-medium);color:var(--color-text-secondary);font-size:var(--text-sm)}.quick-actions[data-v-f14b7499]{display:flex;gap:var(--space-sm)}.mapping-interface[data-v-f14b7499]{display:grid;grid-template-columns:1fr 60px 1fr;gap:var(--space-md);margin-bottom:var(--space-xl);min-height:600px}.genre-panel[data-v-f14b7499]{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.panel-header[data-v-f14b7499]{padding:var(--space-lg);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.panel-header h3[data-v-f14b7499]{margin:0;color:var(--color-text)}.panel-subtitle[data-v-f14b7499]{color:var(--color-text-secondary);font-size:var(--text-sm);margin-top:var(--space-xs)}.genre-list[data-v-f14b7499]{max-height:500px;overflow-y:auto}.genre-item[data-v-f14b7499]{padding:var(--space-md);border-bottom:1px solid var(--color-border-light);cursor:pointer;position:relative;transition:all var(--transition-base);display:flex;justify-content:space-between;align-items:center}.genre-item[data-v-f14b7499]:hover{background-color:var(--color-bg-secondary)}.genre-item.selected[data-v-f14b7499]{background-color:var(--color-primary-light);border-left:3px solid var(--color-primary)}.genre-item.mapped[data-v-f14b7499]{border-right:3px solid var(--color-success)}.genre-item.target-genre.suggested[data-v-f14b7499]{background-color:var(--color-info-light)}.genre-content[data-v-f14b7499]{flex:1}.genre-name[data-v-f14b7499]{font-weight:var(--font-medium);color:var(--color-text);margin-bottom:2px}.genre-path[data-v-f14b7499]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:2px}.genre-code[data-v-f14b7499]{font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.mapping-indicator[data-v-f14b7499]{color:var(--color-success)}.mapping-arrow[data-v-f14b7499]{display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--color-text-secondary)}.current-mapping[data-v-f14b7499]{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.mapping-for[data-v-f14b7499]{margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary)}.no-selection[data-v-f14b7499]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--color-text-secondary);gap:var(--space-sm)}.empty-icon[data-v-f14b7499]{font-size:var(--text-3xl);opacity:.5}.empty-state[data-v-f14b7499]{text-align:center;padding:var(--space-xl);color:var(--color-text-secondary)}.bulk-mapping-section[data-v-f14b7499]{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.bulk-mapping-section h3[data-v-f14b7499]{margin-bottom:var(--space-md)}.bulk-actions[data-v-f14b7499]{display:flex;gap:var(--space-md);flex-wrap:wrap}.badge[data-v-f14b7499]{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-medium)}.badge-primary[data-v-f14b7499]{background-color:var(--color-primary);color:#fff}.badge-warning[data-v-f14b7499]{background-color:var(--color-warning);color:#fff}.badge-info[data-v-f14b7499]{background-color:var(--color-info);color:#fff}.unsaved-warning[data-v-f14b7499]{position:fixed;bottom:var(--space-lg);right:var(--space-lg);background-color:var(--color-warning);color:#fff;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-lg);z-index:1000}@media (max-width: 1024px){.mapping-interface[data-v-f14b7499]{grid-template-columns:1fr;gap:var(--space-lg)}.mapping-arrow[data-v-f14b7499]{display:none}.mapping-controls[data-v-f14b7499],.config-grid[data-v-f14b7499]{grid-template-columns:1fr}}@media (max-width: 768px){.page-header[data-v-f14b7499]{flex-direction:column;align-items:flex-start}.header-actions[data-v-f14b7499]{flex-direction:column;width:100%}.header-actions .btn[data-v-f14b7499]{width:100%}.mapping-stats[data-v-f14b7499],.saved-mappings-grid[data-v-f14b7499]{grid-template-columns:1fr}.bulk-actions[data-v-f14b7499]{flex-direction:column}.bulk-actions .btn[data-v-f14b7499]{width:100%}}