.photo-card{position: relative;background: var(--color-card-background);border-radius: var(--border-radius,8px);overflow: hidden;box-shadow: var(--shadow-card,0 1px 3px rgba(0,0,0,0.08));transition: transform var(--transition-duration-default),box-shadow var(--transition-duration-default);display: flex;flex-direction: column;}.photo-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-card-hover,0 6px 16px rgba(0,0,0,0.12));}.photo-card__thumb{position: relative;display: block;width: 100%;aspect-ratio: 4 / 3;background: var(--color-background);overflow: hidden;text-decoration: none;}.photo-card--compact .photo-card__thumb{aspect-ratio: 1 / 1;}.photo-card__thumb img{width: 100%;height: 100%;object-fit: cover;display: block;}.photo-card__thumb--video{display: flex;align-items: center;justify-content: center;}.photo-card__thumb--doc{display: flex;flex-direction: column;align-items: center;justify-content: center;gap: var(--spacing-sm);color: var(--color-text-muted);text-decoration: none;background: var(--color-background);padding: var(--spacing-md);}.photo-card__doc-icon svg{width: 48px;height: 48px;}.photo-card__doc-ext{font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);letter-spacing: 0.5px;color: var(--color-secondary);background: var(--color-card-background);padding: 2px var(--spacing-sm);border-radius: var(--border-radius-sm);border: var(--border-width-thin) solid var(--color-border);}.photo-card__play{position: absolute;width: 56px;height: 56px;background: var(--color-overlay-70);color: var(--color-white,#fff);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: var(--font-size-2xl);pointer-events: none;}.photo-card__top-left{position: absolute;top: var(--spacing-sm);left: var(--spacing-sm);display: flex;flex-direction: column;gap: var(--spacing-xs);align-items: flex-start;z-index: var(--z-card-content);max-width: calc(100% - 110px);}.photo-card__type{padding: 3px var(--spacing-sm);background: var(--color-overlay-55);color: var(--color-white,#fff);font-size: var(--font-size-xxs);font-weight: var(--font-weight-medium);border-radius: var(--border-radius-sm);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100%;}.photo-card__primary-badge{display: inline-flex;align-items: center;gap: var(--spacing-xs);padding: 3px var(--spacing-sm);background: var(--color-warning,#f5a623);color: var(--color-white,#fff);font-size: var(--font-size-xxs);font-weight: var(--font-weight-semibold);border-radius: var(--border-radius-sm);text-transform: uppercase;letter-spacing: 0.3px;box-shadow: var(--shadow-overlay);}.photo-card__primary-badge svg{width: 12px;height: 12px;}.photo-card--primary{outline: 2px solid var(--color-warning,#f5a623);outline-offset: -2px;}.photo-card__top-right{position: absolute;top: var(--spacing-sm);right: var(--spacing-sm);display: flex;align-items: center;gap: var(--spacing-sm);z-index: var(--z-card-control);}.photo-card__delete-form,.photo-card__primary-form{margin: 0;}.photo-card__primary-btn,.photo-card__delete{opacity: 0;transition: var(--transition-fast),opacity var(--transition-duration-default);}.photo-card:hover .photo-card__primary-btn,.photo-card:hover .photo-card__delete,.photo-card__primary-btn:focus,.photo-card__delete:focus{opacity: 1;}.photo-card__plate{display: flex;align-items: center;gap: var(--spacing-sm);padding: var(--spacing-sm) var(--spacing-sm);min-height: 36px;background: var(--color-card-background);border-top: var(--border-width-thin) solid var(--color-border,transparent);}.photo-card__caption{flex: 1;font-size: var(--font-size-xs);color: var(--color-secondary);font-weight: var(--font-weight-medium);line-height: var(--line-height-tight);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cursor: help;}.photo-card__caption--empty::before{content: '—';color: var(--color-text-muted);font-weight: var(--font-weight-normal);}.photo-card__edit{flex-shrink: 0;}